j2EE 之 javaScript

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" onclick="alert('ok')"></input>
  2.处理函数  <input type="button" onclick="add(1,2)"></input>
  3.匿名函数处理 window.onload=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




















你可能感兴趣的:(j2EE 之 javaScript)