JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);
网页中嵌入JavaScript <script language=“javascript”> statement; <script language=“javascript” src=“jsfile.js” > <a onclick=“statement || functionname”>执行JS</a> <a href=“Javascript:statement” >执行JS</a> 地址栏:Javascript:statement
数据类型 弱类型语言 number string boolean object
数值范围及常量 Number.MAX_VALUE Number.MIN_VALUE Number.POSITIVE_INFINITY Infinity Number.NEGATIVE_INFINITY -Infinity Number.NaN NaN null Undefined “\b” “\t” “\n” “\v” “\r” “\”” “\’” “\\”
变量定义 var 变量作用域 局部变量 在函数内使用var关键字声明的变量 全局 不存在程序段局部变量
数据类型转化 隐式转化 parseInt() parseFloat() toString()
常用方法 typeof() eval() isNaN()
运算符与表达式 算术运算符和算术表达式 关系运算符和关系表达式 === !== 逻辑运算符和逻辑表达式 条件运算符与条件表达式 三目运算符 关系运算符和关系表达式 === !== 逻辑运算符和逻辑表达式 条件运算符与条件表达式 三目运算符 Instanceof
流程控制与语句 if(){}else{} for(){} while(){} Do{}while() switch(expression) { case value1: statement1; default: statement2;} break continue for(indexorprop in aobject){}
函数与对象 函数定义 function funName(paramList){funBody;} 函数调用 funName(paramVal); <a href=“javascript:funName(paramVal)” 对象 Number Boolean Object RegExp Function String Array Date Math
内置对象(一) 1.数组(Aarray) 定义:arrayName=new Array(arraylength) 或:arrayName=new Array(arrayContent) 数组元素不必具有相同的变量类型。常用属性与方法: arrayName.length arrayName.join(“,”) arrayName.sort() arrayName.reverse() 2.字符串(String) 定义:strName=”string content” 或:strName=new string(“string content”) strName.length strName.substr(start,length) strName.concat(str1) strName.anchor(anchorName) strName.link(hrefName) strName.search(substr) strName.indexOf(substr,index) strName.split(“ “) strName.replace(oringestr,replacestr)
内置对象(二) 3.日期(Date) 定义:dateName=new Date() dateName.getDate() dateName.getDay() dateName.getHours() dateName.setMonth() 4.Math(数学) 无需定义,可直接作为对象使用。常用属性与方法: Math.PI Math.E Math.LN10 Math.LN2 Math.sin(x) Math.abs(x) Math.ceil(x) Math.floor(x) Math.max(x,y) Math.random() Math.pow(x,y)=xy Math.log(x)=lnx Math.exp(x)=ex
”width=120,height=240,toolbar=no,status=no,resizable=yes”) 浏览器环境对象(一) 1. window对象:顶级对象,使用时可省略对象 [window].status [window].open(“url”,”windowName”, ”width=120,height=240,toolbar=no,status=no,resizable=yes”) time1=[window].setTimeout(funName,5000); [window].clearTimeout(time1); time2=[window].setInterval(funName,5000); [window].clearInterval(time2); [window].alert(str); userInput=[window].prompt(promptStr,default); userSure=[window].confirm(infoStr);
浏览器环境对象(二) 2. history对象 [window].history.go(index) 3. navigator对象 [window].navigator.appName [window].navigator.appVersion [window].navigator.platform
浏览器环境对象(三) 4. Location对象 [window].location.host [window].location.hostname [window].location.href [window].location.pathname 5. Document对象 [window].document.title [window].document.bgcolor [window].document.linkcolor [window].document.url [window].document.writeln(“str”) 程序效果
事件 1. MouseEvent onClick( ) onDbClick( ) onMouseDown( ) onMouseUp( ) onMouseOver( ) onMouseOut( ) 2. Keyboard onKeyPress( ) onKeyDown( ) onKeyUp( ) 3. 选择 onFocus( ) onBlur( ) onSelect( ) 4. 杂项 onChange( ) onLoad( ) onUnload( )
DOM对象的从属关系
在JS中访问XHTML元素-1 DOM地址:把与某种XHTML元素相关联的JS对象所在的地址称为DOM地址。 DOM定位有三种方式: 方式一:使用document对象的forms数组和elements数组; var addr=document.forms[0].elements[0]; 最原始的方式,DOM 0中使用的。 缺点:当页面中的表单或表单中的元素发生变化(位置、数量),DOM地址也需要改变; document.getElementsByTagName();
在JS中访问XHTML元素-2 方式二:使用元素名称。(页面中需要定位的元素必须包含name属性。) var addr=document.form1.username; 缺点:XHTML1.1标准已经不允许在非表单元素中出现name属性;
在JS中访问XHTML元素-3 方式三:利用方法getElementById(id)。 var addr=document.getElementById(id); 为元素指定属性id,id的值是唯一的。 DOM 1中定义的。 此方法参数可以是一个值为字符串的表达式 表单中的元素一般同时包含name和id属性,并且设为相同的值。
在JS中访问XHTML元素-4 特殊元素:单选按钮、复选框; 特点:一组单选按钮、复选框有相同的name 定位每一个单选按钮、复选框的方法: 方式一:使用document对象的forms数组和elements数组; 方式三:利用方法getElementById(id)。 有相关联的隐式数组,名称一致,数组保存了每个按钮的DOM地址。数组是按钮所在表单的属性。 addr1=document.getElementById(“form2”); addr1.gender[0]; addr1.gender[1]