JavaScript:
是一种客户端脚本语言,嵌套在html中,并由浏览器解释执行,
作用:用于网页的动态交互,相应客户端事件,
使用script标记在网页中嵌入javascript脚本
浏览器顺序执行html页面,先执行头部的script脚本,在执行body中script脚本
在网页正文中的script脚本,不用写type类型<script>alert('赶紧找工作')</script>
javascript的基本语法:
1.运算符
+ - * / % ++ --;
> >= < <= == !=;
&& || !
三元运算符
2.控制结构
if,switch, while for break; continue;
3.使用var定义弱类型变量;变量以字母,数字,下划线,$开头;
数据类型:number,string,boolean,undefined,object,function;
数据类型转换函数:parseInt("value" ,2|8|10|16),结果转换成10进制
函数的定义和使用:
定义: function f(a,b){
return a+b;
}
使用:f(2,3);
匿名函数的使用:
var f=function(a,b){
return a+b;
}
f(1,3);
使用js操作html元素对象
通过var imag1=document.getElementById('id');获得id对应的对象
使用js动态改变图像的路径,img1.src=""
使用innerHTML来改变元素对象的内部文本,div1.innerHTML="<span>...</span>"
使用innerText来显示元素的内部文本 div1.innerText="abc";
获取htm元素对象的方法:
1.<span id="span1" >...</span>
document.getElementById("span1");
2.<from name="form1">
<input name="un" background-color="red"></input>
</form>
document.form1.un; || document.forms[0]['un'];
操作对象属性
document.form1.un.backgroundColor="yellow";(在js中background-color写成backgroundColor)
js事件处理的方式
1.事件类型,onclick,onmouseover,onmouseout,onfocus(获得焦点),onblur(失去焦点),onload;
2.事件处理方式:
1.<input type="button" οnclick="alert('ok')"></input>
2.处理函数 <input type="button" οnclick="add(1,2)"></input>
3.匿名函数处理 window.οnlοad=function(){
}
4.使用onsubmit事件进行表单验证,
<form onsumit="return validateForm()">函数为true,验证通过,否则验证不通过
javaScript的内置对象:
string,Math,Date,Regex
与浏览器相关的对象,window,document,location,
window.alert() 等价于 alert();
confirm()
掌握与浏览器先关的js对象
window: alert(),
confirm(),
setTimeout(alert(),1000),
document: write(),
getElementById()
forms
location: location.href="页面路径"等价于 location="页面路径"
数组的定义和使用
1.var arr1=new Array(),
arr1=new Array(n) ,
arr1=new Array(e1,e2,e3,)数组里什么都可以放
2.获取数组长度;
arr1.length;
3.数组的常用方法
push(e) 将元素e添加到数组的末尾
pop() 溢出并返回栈顶的元素,
shift() 移除并返回队列的第一个元素
un
是一种客户端脚本语言,嵌套在html中,并由浏览器解释执行,
作用:用于网页的动态交互,相应客户端事件,
使用script标记在网页中嵌入javascript脚本
浏览器顺序执行html页面,先执行头部的script脚本,在执行body中script脚本
在网页正文中的script脚本,不用写type类型<script>alert('赶紧找工作')</script>
javascript的基本语法:
1.运算符
+ - * / % ++ --;
> >= < <= == !=;
&& || !
三元运算符
2.控制结构
if,switch, while for break; continue;
3.使用var定义弱类型变量;变量以字母,数字,下划线,$开头;
数据类型:number,string,boolean,undefined,object,function;
数据类型转换函数:parseInt("value" ,2|8|10|16),结果转换成10进制
函数的定义和使用:
定义: function f(a,b){
return a+b;
}
使用:f(2,3);
匿名函数的使用:
var f=function(a,b){
return a+b;
}
f(1,3);
使用js操作html元素对象
通过var imag1=document.getElementById('id');获得id对应的对象
使用js动态改变图像的路径,img1.src=""
使用innerHTML来改变元素对象的内部文本,div1.innerHTML="<span>...</span>"
使用innerText来显示元素的内部文本 div1.innerText="abc";
获取htm元素对象的方法:
1.<span id="span1" >...</span>
document.getElementById("span1");
2.<from name="form1">
<input name="un" background-color="red"></input>
</form>
document.form1.un; || document.forms[0]['un'];
操作对象属性
document.form1.un.backgroundColor="yellow";(在js中background-color写成backgroundColor)
js事件处理的方式
1.事件类型,onclick,onmouseover,onmouseout,onfocus(获得焦点),onblur(失去焦点),onload;
2.事件处理方式:
1.<input type="button" οnclick="alert('ok')"></input>
2.处理函数 <input type="button" οnclick="add(1,2)"></input>
3.匿名函数处理 window.οnlοad=function(){
}
4.使用onsubmit事件进行表单验证,
<form onsumit="return validateForm()">函数为true,验证通过,否则验证不通过
javaScript的内置对象:
string,Math,Date,Regex
与浏览器相关的对象,window,document,location,
window.alert() 等价于 alert();
confirm()
掌握与浏览器先关的js对象
window: alert(),
confirm(),
setTimeout(alert(),1000),
document: write(),
getElementById()
forms
location: location.href="页面路径"等价于 location="页面路径"
数组的定义和使用
1.var arr1=new Array(),
arr1=new Array(n) ,
arr1=new Array(e1,e2,e3,)数组里什么都可以放
2.获取数组长度;
arr1.length;
3.数组的常用方法
push(e) 将元素e添加到数组的末尾
pop() 溢出并返回栈顶的元素,
shift() 移除并返回队列的第一个元素
un