Part II(1-5).ppt

1、1 .学习客户端脚本和页面动态效果、第2部分、2/26、目标，理解客户端脚本的作用，并掌握在网页上使用客户端脚本的方法。 了解JavaScript脚本语言的基本语法。 掌握JavaScript内置对象的角色。 掌握浏览器对象在脚本编程中的作用。 能够理解DHTML的原理，能够在网页上应用DHTML特殊效果。 3/26，教育内容，partii (1)网页上的客户端脚本Part II(2)客户端脚本语言JavaScript配置文件Part II(3) JavaScript内置对象Part II(4)浏览器浏览器客户端脚本角色客户端脚本的三种用法：返回、5/26、脚本和脚本语言。 “脚本”(Scri

2、pt )是用于执行特定功能的程序。 脚本语言用于创建脚本命令的语言。 脚本语言是文本格式，具有用于解释执行的适当脚本引擎(解释器)，无需编译。 脚本分类为服务器端脚本(ASP、JSP、PHP等客户端脚本： JavaScript、VBScript等)。Return、6/26、客户端脚本的角色、脚本代码嵌入HTML文档中，进一步提高网页的交互性，操作浏览器对象来控制浏览器的外观、状态、执行方法等。 客户端脚本常用于浏览器检测、对用户动作的响应、表单数据验证、页面元素的特殊显示效果(图像循环显示、图像渐变等)。 在Return、7/26和HTML页面中使用客户端脚本。 脚本代码可以直接嵌入到HTML

3、文档中，可以动态加载，在运行时不编译，由浏览器解释和运行。 可以在HTML文档中的任何位置部署脚本代码，但是通常将所有脚本代码合并到一起，开始和结束脚本代码，然后在Language属性中定义用于脚本代码的脚本语言。 JavaScript脚本语言中使用HTML代码可以实现混合编程的格式。 对于JavaScript脚本，自定义函数之外的代码只执行一次，而函数中的代码由该函数的调用次数决定。8/26、使用客户端脚本的方式1 :插入脚本，用脚本标签嵌入脚本程序，放置在文档的开头。 例如，这里使用程序代码、默认值、省、9/26、客户端脚本，方式2 :直接追加脚本，将代码作为事件响应属性的值直接称为嵌入脚

4、本。 例如，顶层对象窗口的alert ()方法，前缀“Window .”可选，10/26，使用客户端脚本，方法3 :链接脚本文件使用script的src属性指定外部javascirpt文件JavaScript运算符与c语言非常相似，包括算术运算符、逻辑运算符、比较运算符、字符串运算符和条件运算符。 部分ii (2) JavaScript介绍、12/26、条件语句(if else、switch )、循环语句(for、while、do while )等。 如果一行由多个语句分隔，则用分号分隔。 如果没有分隔符，则可以省略分号。13/26、JavaScript和JavaScript函数使用函数作为关

5、键字，通常在HEAD标签中定义。 函数名称(残奥仪表、残奥仪表)语句序列、总目录、14对象的两个要素：属性(数据)方法(动作)可以通过JavaScript访问的两种对象： JavaScript内置示例： var xz=new string (document.cookie ):lastindexof ()方法Length属性可以直接使用数学对象，而无需创建，16/26，部分ii (4)浏览器对象的使用，文档对象：表示web浏览器信息和HTML元素的模型，窗对象：表示浏览器窗口，该窗口是浏览器对象模型的顶级对象。 属性和方法使用“成员引用”操作符将对象分为多个级别，具体取决于对象的包含关系： d

6、ocument、history、loction、status方法alert ()、confirm ()、prompt ()、open () 例如，window.location中的低级对象通常由名称document.form1.test、19/26等引用，如属性all、bgcolor、forms、title、*document.cookie 例如，Window对象的setTimeout ()计时器方法fzzow，其实时显示系统时间(时分秒)循环显示组图像的渐变，移动到主目录，23/26，实时显示系统时间(时分秒) miaok.value=theDate.getSeconds ()； 设置时间(

7、xssj ()、1000 )； /函数调用自己，实现了无限循环body font-size: 36px。 颜色3360 # cc 3333； ys字体大小： 24px； 颜色： # 0000 cc； 当前时间：时分秒、Return、24/26，循环显示一系列图像，图像定时自动使var tp=new Array(4)循环反转/合并定义4张图像的数组对象tp0=jpg/apples.jpg； tp1=jpg/girl1.jpg。 tp2=jpg/girl2.jpg。 涩奇2.jpg；日语怎么说？ j=0； 计数器setInterval(disp_img ()、1500 )； 定时器function disp_img() txk.src=tpj j； 下一个if(j=tp.length) j=0。 /从开始，排列对象tp、Return、25/26、图像的渐变、渐变效果var b=0； 函数假名()/声明函数b； u .过滤器. alpha .操作性=b； /从完全透明到完全不透明，即从模糊中清晰的过程if(b100) b=0 /阿尔法滤波器的不透明残奥计opacity的可能值范围是0-100 setTime