JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);

Presentation on theme: "JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);"— Presentation transcript:

1 JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);

2 网页中嵌入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

3 数据类型 弱类型语言 number string boolean object

4 数值范围及常量 Number.MAX_VALUE Number.MIN_VALUE
Number.POSITIVE_INFINITY Infinity Number.NEGATIVE_INFINITY -Infinity Number.NaN NaN null Undefined “\b” “\t” “\n” “\v” “\r” “\”” “\’” “\\”

5 变量定义 var 变量作用域 局部变量 在函数内使用var关键字声明的变量 全局 不存在程序段局部变量

6 数据类型转化 隐式转化 parseInt() parseFloat() toString()

7 常用方法 typeof() eval() isNaN()

8 运算符与表达式 算术运算符和算术表达式 关系运算符和关系表达式 === !== 逻辑运算符和逻辑表达式 条件运算符与条件表达式 三目运算符
关系运算符和关系表达式 === !== 逻辑运算符和逻辑表达式 条件运算符与条件表达式 三目运算符 Instanceof

9 流程控制与语句 if(){}else{} for(){} while(){} Do{}while()
switch(expression) { case value1: statement1; default: statement2;} break continue for(indexorprop in aobject){}

10 函数与对象 函数定义 function funName(paramList){funBody;} 函数调用 funName(paramVal); <a href=“javascript:funName(paramVal)” 对象 Number Boolean Object RegExp Function String Array Date Math

11 内置对象(一) 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)

12 内置对象(二) 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

13 ”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);

14 浏览器环境对象(二) 2. history对象 [window].history.go(index) 3. navigator对象
[window].navigator.appName [window].navigator.appVersion [window].navigator.platform

15 浏览器环境对象(三) 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”) 程序效果

16 事件 1. MouseEvent onClick( ) onDbClick( ) onMouseDown( )
onMouseUp( ) onMouseOver( ) onMouseOut( ) 2. Keyboard onKeyPress( ) onKeyDown( ) onKeyUp( ) 3. 选择 onFocus( ) onBlur( ) onSelect( ) 4. 杂项 onChange( ) onLoad( ) onUnload( )

17 DOM对象的从属关系

18 在JS中访问XHTML元素-1 DOM地址：把与某种XHTML元素相关联的JS对象所在的地址称为DOM地址。 DOM定位有三种方式: 方式一：使用document对象的forms数组和elements数组； var addr=document.forms[0].elements[0]; 最原始的方式，DOM 0中使用的。 缺点：当页面中的表单或表单中的元素发生变化（位置、数量），DOM地址也需要改变； document.getElementsByTagName();

19 在JS中访问XHTML元素-2 方式二：使用元素名称。（页面中需要定位的元素必须包含name属性。） var addr=document.form1.username; 缺点：XHTML1.1标准已经不允许在非表单元素中出现name属性；

20 在JS中访问XHTML元素-3 方式三：利用方法getElementById(id)。 var addr=document.getElementById(id); 为元素指定属性id，id的值是唯一的。 DOM 1中定义的。 此方法参数可以是一个值为字符串的表达式 表单中的元素一般同时包含name和id属性，并且设为相同的值。

21 在JS中访问XHTML元素-4 特殊元素：单选按钮、复选框； 特点：一组单选按钮、复选框有相同的name 定位每一个单选按钮、复选框的方法： 方式一：使用document对象的forms数组和elements数组； 方式三：利用方法getElementById(id)。 有相关联的隐式数组，名称一致，数组保存了每个按钮的DOM地址。数组是按钮所在表单的属性。 addr1=document.getElementById(“form2”); addr1.gender[0]; addr1.gender[1]