1、JavaScript脚本编程,学习目的： 1、了解客户端编程的思路 2、掌握Web开发编程思想 3、熟练编写各种对象的属性、方法 4、熟练使用各种条件、循环语句及运算符 5、将整体页面考虑在内进行各种知识的溶合,学习重点： 1、条件、循环语句及运算符 2、各种对象的属性、方法 3、各种内置对象及函数的使用 4、窗体等对象的控制,学习难点： 1、条件、循环语句及运算符 2、各种对象的属性、方法 3、各种内置对象及函数的使用 4、窗体等对象的控制,JavaScript基本结构,一、嵌入式 ,二、外挂式 ,编写规则： 它区别大小写 每句结束用“；” 程序块用和符号包围，如函数、条件、循环 /注释一行
2、 用/*注释 多行*/,JavaScript的变量和运算符,一、变量的命名： 不能使用数字开头 不能用.符号 大小写区分 不能使用保留字,二、变量的声明： 声明一个变量用var a1 声明多个变量用var a1,a2 声明的同时还可以赋值var a1=100; 直接也可以赋值a1=100; 如该变量不存在返回一个undefined,数据类型,一、数值型： 整数型： 浮点型：整数加上小数,二、字符串型： 用单引号或双引号括起来的数据 三、Null型： 它只有一个值，表示变量没有值或不是对象 四、Undefined型： 变量没有声明，或对象的属性根本不存在,五、Escape特殊字符串： b:退格键
3、 n:换行 r:分段 t:Tab键 :符号 ”:“符号 :符号,六、数据类型的强制转换： 数字和字符串相加：数字被强制转换成字符串 布尔和字符串相加：布尔被强制转换成字符串 布尔和数字相加：布尔被强制转换成数字,七、数据类型的转换函数： 1、parseInt():将字符串值开头的数字转换成整数 如： parseInt(“3 page”):3 parseInt(“3.3”):3 parseInt(“page 3”):NaN (Not a number),2、parseFloat():将字符串值开头的浮点数转换成浮点数 如： parseFloat(“3.2”):3.2 parseFloat(“pa
4、ge 3.2”):NaN,!:逻辑not -：负号或减号 +: 递增 -:递减 =:大于等于 ：不等于 &:逻辑AND |：逻辑OR =或op=:指定运算符 %：取余,流程控制,一、 if(条件) 二、if(条件) else ,三、,Switch(a)case ”1”: 1；case “2”: 2；case “3”: 3；default: 4； ,如a为1时读1 如a为2时读2 如a为3时读3 如a为其它任何值时读4 这个default项可有可无,四、A= (dtHour=12) ? ”PM” : “AM”用来指定变量的值.,五、for(初始值;条件;递增表达式) ,六、 var ddd; f
5、or(ddd in 对象) Document.write(“属性：”+ddd+”=”+对象ddd+”),七、While(条件) ；八、do ；while(条件)；,break;跳出循环continue;跳到条件处检测,JavaScript的函数,一、使用函数： 1、创建： function 函数名() ; 2、调用函数名(); ,二、拥有参数的函数： 1、创建： function a(aa,bb) ; 2、调用：a(具体值，具体值); ,JavaScript的内置对象,一、内置对象种类： 1、隐性对象：var str=“这是一个字符串值”; 2、显性对象：var str=new String(
6、“这是一个字符串值”),二、内置String对象的方法：,1、 length:取得字符串的长度2、toLowerCase():将字符串的英文字母都转换成小写字母3、toUpperCase():将字符串的英文字母转换成大写字母,charAt(index):取得参数index位置的字符，index以0开始。,indexOf(string):返回第一次搜寻到字符串的索引位置。如没找到返回-1lastIndexOf(string):从尾搜寻到头。match(string):返回为找到的字符串。如无则返回null。Search(string):返回找到的索引位置。,replace(string1,str
7、ing2):将找到的string1替换成为string2.substr(index,length):从index开始取出length个字符substring(index1,index2):取出index1到index2之间的字符串concat(string):新增到对象的字符串后。例：str3=str1.concat(str2),JavaScript 的Array对象,数组的建立：var username=new Array(3);username0=“345”;username1=“100”username2=“Jack”;var username=new Array(“345”,”100”
8、,”Jack”);,JavaScript 的Date对象,取得日期和时间 建立日期对象： var a1=new Date();,JavaScript的Math对象,Math对象的方法：max(value1,value2):返回此二个参数中的最大值min(value1,value2):返回此两个参数中的最小值random():返回随机参数round(value):将参数值四舍五入后返回,Window 对象的计时器： setTimeout(“express”,time):间断执行 clearTimeout():停止setTimeout方法启动的计时器 例： a1=setTimeout(“a()”,
9、500);clearTimeout(a1);,setInterval(express,time):周期执行 clearInterval():停止setInterval方法启动的计时器,窗口的打开与关闭： winID=window.open(“a.htm”,”,”参数”) 说明：打开新窗口,窗口属性： 新窗口名.open:判断新窗口是否打开 新窗口名.closed:判断新窗口是否关闭 在条件里放入新窗口名：表示新窗口这个对象是否存在 在子窗口里window.opener表示父窗口,Window对象内置的对话框：alert(message):弹出警告对话框confirm(message):确认对话
10、框prompt(msg,value):输入对话框,Window对象的移动方法： moveTo(x,y):将浏览器移到座标（x,y）处 moveBy(offsetx,offsety):每次的位移量,Window对象调整方法： resizeTo(width,height):将浏览器调整为width X height resizeBy(offsetx,offsety):将浏览器放大和缩小量,Window对象窗口内容的滚动方法：scroll(x,y):滚动窗口内容到指定的位置scrollTo(x,y):同上scrollBy(offsetx,offsety):每次滚动量,History对象,Histor
11、y的属性： History.length:返回历史记录数 History的方法：back():回到上一页forward():移到下一页go(num):移到第几页；0为下几页,Location对象,Window.location.href=http:/ Window.location.reload():重新载入本页 Window.location.replace(url)：转到url的网址,Document对象,Document对象的属性：window.document.title:返回和设置title标记window.document.URL:返回网页的URL字符串,打开与写入新窗口文件： w
12、in=window.open(“”,”win”,”width=300,height=100); win.document.write(“新文件”);win.document.write(“这是一份新文件”);win.document.close();,存取HTML标记的内容和属性innerHTML:用HTML存取标记对象内的子标记和内容，不含标记对象本身。innerText:用文本存取标记对象的内容，不能包括有标签。outerHTML:存取标记对象的子标记和内容。包含标记对象本身outerText:存取标记对象的内容，可以用来替换整个标记对象。 注：上面的inner属性只能使用拥有内容的标记如M;而outer属性适用于所有HTML标记,
