理解动态HTML——客户端脚本语言探究.pptx

江苏省太湖高级中学 信息技术组 张英姿 动态HTML的核心技术 JavaScript VBScript (客户端脚本语言） 什么是客户端脚本语言 客户端脚本语言是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言。 最常用的开发动态网页的客户端脚本语言： JAVASCRIPT和VBSCRIPT。 什么是JAVASCRIPT JavaScript是一种面向浏览器的网页脚本编程语言，是Netscape公司推出的一种提高网页页面交互性的方法。 JavaScript脚本可以被嵌入HTML文件之中，无须经过编译即可在浏览器中运行。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title新建网页 2/title /head body bgcolor=#CCFF99 script language=javascript alert(你的网页出错，请关闭网页，并重启计算机！) /script p align=center　/p p align=center　/p p align=center　/p p align=centerbfont size=5 color=#008000 欢迎来到动物联盟，让我们一起动手来装扮我们的动物联盟“家园”吧！/font/b/p p align=rightfont size=5 color=#008000ba href=main.htm下一页/a/b/font/p p align=centerbr /p /body /html script language=“javascript” alert(你的网页出错，请关闭网页，并重启计算机！) /script Script …… /Script 基础任务：观察“index.htm”页面中哪段是JavaScript的代码？总结JavaScript客户端脚本语言嵌入到HTML页面中时，所使用的标签； Script language=“javascript” //javascript语句 /Script 探究任务：如何在HTML页面中加入JavaScript代码并自己动手试一试能否在网站的其他页面中实现这个效果。 Script language=“javascript” alert(“欢迎来到动物联盟”) /script 基础任务：将鼠标跟随效果的源代码复制到“main.htmbody/body之间。 script language=javascript var image=images/helpor.gif var newtop=15 var newleft=15 if (navigator.appName == Netscape) { layerStyleRef=layer.; layerRef=document.layers; styleSwitch=; } …… /script 探究任务：以相邻的两位同学为一个小组，共同探究修改Java Script代码的方法，并相互交流。找出修改跟随图片的方法，找出修改Java Script代码的基本方法。 var image=images/helpor.gif 基本任务： 在“javascript效果代码”中选择一个适当难度的特效加入到网页中，并根据实际需要修改代码 浏览器的状态栏里的欢迎语???????????????? 难度：★ 定义问候语?????????????????????????????? 难度：★ ★ 旋转文字? （修改文字的位置）???????????难度：★ ★ ★ 提高任务：登陆相关网站选择你喜欢的特效加入到网页中，并根据实际需要修改代码 调用JavaScript文件 扩展名为.js script language=“javascript” src=“*.js” /script 掌握JavaScript嵌入HTML页面中时，所使用的标签，并知道如何使用 在HTML中 找到指定的位置粘贴Java Script代码的方法 修改Java Script代码中显示的图片、文字等属性 掌握如何调用“.js”文件