第章_创建网页动态效果.pptVIP

所有Java脚本程序都必须封装在一对特定的HTML标签之间，Script标签表示一个脚本程序的开始，/Script则表示该脚本程序的结束，一个网页中可能有多个脚本程序。使用Script标签的语法结构是： Script language=” JavaScript” JavaScript 代码/Script 或者: Script language=” JavaScript” src=“JavaScript文件名”/Script 将JavaScript代码加入到网页文件中的两种方式： 1、在HTML文件中加载外部的JavaScript文件； 如：script type=“text/javascript” src=“ggt.js” /script 2、将JavaScript代码嵌入到HTML的内部； 把 JavaScript 放置到何处 当脚本被调用时，或者当事件被触发时，脚本就会被执行。 当页面载入时，会执行位于 body 部分的 JavaScript。 当被调用时，位于 head 部分的 JavaScript 才会被执行。 实例一：图片切换 script language =“javascript” var curIndex=0; var timeInterval=3000; //时间间隔为3秒 var arr=new Array(); arr[0]=F1.jpg; arr[1]=F2.jpg; arr[2]=F3.jpg; arr[3]=F4.jpg; arr[4]=F5.jpg; arr[5]=F6.jpg; arr[6]=F7.jpg; arr[7]=F8.jpg; arr[8]=F9.jpg; arr[9]=F10.jpg; arr[10]=F11.jpg; arr[11]=F12.jpg; arr[12]=F13.jpg; setInterval(changeImg,timeInterval); //setInterval(函数名, 时间间隔),重复间隔一段时间执行函数对应的代码 function changeImg() { var obj=document.getElementById(showpic); if (curIndex==arr.length-1) { curIndex=0; } else { curIndex+=1; } obj.src=jushi/+arr[curIndex]; } /script img src=jushi/F1.jpg width=140 height=120 id=showpic / JavaScript简介 1、数据类型：数值型（整数和实数）、字符串型、布尔型、空值null（注：JavaScript采用弱类型检查，即一个变量在使用之前不必声明其类型，在使用它或者为其赋值时系统会为其自动地确定它的类型。 2、表达式和运算符 （1）字符串连接符：=，+= （2）算术运算符： （3）比较运算符： = = == != （4）其他运算符： || ?: 3、程序流程控制 （1）选择结构：if语句、switch语句 （2）循环结构：for语句、while语句 4、函数 Function 函数名(参数列表){函数体} 5、事件 img src=“2.jpg” width=“100” height=“120” onClick=open(“2.jpg”, “”, “width=300, height=400”) 6、对象(属性与方法) 内部对象：String、Math、Date 文档对象模型(DOM)：window、document、history 用户自定义对象： 7、 window的常用方法 弹出新窗口open()、关闭窗口close()、弹出警示框alert(字符串)、弹出确认框confirm(字符串)、弹出询问框(提示字符串,默认值) 8、 document的常用方法 弹出新窗口open()、关闭窗口close()、写入文档write() document.write(“这是JavaScript应用示例！”); 伦敦奥运会倒记时 script language=javascript var olygame=new Date(August 7, 2012); var s=2012年7月27日伦敦奥运会; var now=new Date(); var djishi=olygame.getTi