《5.4客户端脚本语言》由会员分享,可在线阅读,更多相关《5.4客户端脚本语言(11页珍藏版)》请在金锄头文库上搜索。
1、客户端脚本语言客户端脚本语言网络技术应用(高二选修)网络技术应用(高二选修) 第第 五五 章章 动态网页制作动态网页制作江苏省太仓高级中学江苏省太仓高级中学 程爱红程爱红复复 习习 回回 顾顾网页:静态网页:静态动态:动态:CSS (CSS (分类分类) )DOMDOM客户端脚本语言客户端脚本语言 javascriptjavascript(分类)分类)客户端脚本语言是指可以直接对客户客户端脚本语言是指可以直接对客户端进行编写并使用页面发生动态变化端进行编写并使用页面发生动态变化的脚本语言的脚本语言JavascriptJavascript和和VbscriptVbscript是我们最常用的是我们最
2、常用的开发动态网页的客户端本语言开发动态网页的客户端本语言JavascriptJavascript是一种面向浏览器的脚本是一种面向浏览器的脚本编程语言。编程语言。可以提高网页页面交互可以提高网页页面交互性的方法。作为现在最流行的脚本性的方法。作为现在最流行的脚本语言,可以制作出更多的动态效果语言,可以制作出更多的动态效果。任务一:请大家根据任务一:请大家根据1. 1.htmlhtml的操作的操作,做出当你进入一个主页时,会弹,做出当你进入一个主页时,会弹出一个写有出一个写有“世博欢迎您世博欢迎您”的字样的字样的提示框。的提示框。“alert(“ alert(“你好你好“) “)script在将
3、在将javascriptjavascript嵌入嵌入htmlhtml页面中时,必须使用页面中时,必须使用script标签,标签,javascriptjavascript代码包含在代码包含在script标标签内的,只有通过签内的,只有通过script标签,浏览器才能够标签,浏览器才能够解释其中的脚本或引用写在解释其中的脚本或引用写在htmlhtml中的中的javascriptjavascript代代码。码。如果不同网页用到同一代码,也如果不同网页用到同一代码,也可以调用。可以调用。P112P112页任务二:页任务二:请大家根据请大家根据2.2.htmlhtml的操作,做一的操作,做一个调用个调用
4、javajava文件。做出当你进入文件。做出当你进入一个主页时,会弹出一个写有一个主页时,会弹出一个写有“我爱世博我爱世博”的字样的提示框的字样的提示框。任务三任务三(每人展示三到五个(每人展示三到五个javajava特效。)特效。)http:/www.http:/ 日期的显示日期的显示下拉菜单下拉菜单只要复制粘贴就可以用了,特只要复制粘贴就可以用了,特殊情况要改一些代码殊情况要改一些代码p119p119p117p117插入插入javascriptjavascript特效时还要注意以下问题:特效时还要注意以下问题:1 1、首先在确定版权问题。并不是网上所有的代码都可以、首先在确定版权问题。并不
5、是网上所有的代码都可以无偿使作,只有那些免费的资源才可以。无偿使作,只有那些免费的资源才可以。2 2、判断是否要修改。在将一个、判断是否要修改。在将一个javascriptjavascript特效的源代码特效的源代码应用到自己的网页中之前,先要判断它是否需要修改。应用到自己的网页中之前,先要判断它是否需要修改。一般来说一般来说, ,像日期时间、鼠标特效、页面特效是不需要修像日期时间、鼠标特效、页面特效是不需要修改的,但像菜单,文字等特效是要根据自身网页的特性改的,但像菜单,文字等特效是要根据自身网页的特性和需要进行修改的。和需要进行修改的。动态动态htmlhtml设计的原则:设计的原则:1 1、尽量精简、不要过多使用动画。、尽量精简、不要过多使用动画。2 2、过度的闪烁让人头痛。、过度的闪烁让人头痛。3 3、合理地使用滚动字幕、变换选择、合理地使用滚动字幕、变换选择框。框。