理解动态HTML-客户端脚本语言_第1页
理解动态HTML-客户端脚本语言_第2页
理解动态HTML-客户端脚本语言_第3页
理解动态HTML-客户端脚本语言_第4页
理解动态HTML-客户端脚本语言_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

理解动态HTML——用Javascript来装扮自己的“家园”江苏省太湖高级中学信息技术组张英姿动态HTML的核心技术动态HTMLJavaScriptVBScript(客户端脚本语言）DOM(文件目标模块）LayersCSS(层叠样式表）JavaScript

VBScript(客户端脚本语言）什么是客户端脚本语言客户端脚本语言是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言。最常用的开发动态网页的客户端脚本语言：JAVASCRIPT和VBSCRIPT。什么是JAVASCRIPTJavaScript是一种面向浏览器的网页脚本编程语言，是Netscape公司推出的一种提高网页页面交互性的方法。JavaScript脚本可以被嵌入HTML文件之中，无须经过编译即可在浏览器中运行。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>新建网页2</title></head><bodybgcolor="#CCFF99"><scriptlanguage=javascript>alert("你的网页出错，请关闭网页，并重启计算机！")</script><palign="center">

</p><palign="center">

</p><palign="center">

</p><palign="center"><b><fontsize="5"color="#008000">欢迎来到动物联盟，让我们一起动手来装扮我们的动物联盟“家园”吧！</font></b></p><palign="right"><fontsize="5"color="#008000"><b><ahref="main.htm">下一页</a></b></font></p><palign="center"><br></p></body></html><scriptlanguage=“javascript”>alert("你的网页出错，请关闭网页，并重启计算机！")</script><Script>……</Script>任务探究一基础任务：观察“index.htm”页面中哪段是JavaScript的代码？

总结JavaScript客户端脚本语言嵌入到HTML页面中时，所使用的标签；<Scriptlanguage=“javascript”>//javascript语句</Script>探究任务：如何在HTML页面中加入JavaScript代码并自己动手试一试能否在网站的其他页面中实现这个效果。

<Scriptlanguage=“javascript”>alert(“欢迎来到动物联盟”)</script>基础任务：将鼠标跟随效果的源代码复制到“main.htm"<body></body>之间。<scriptlanguage=javascript>varimage="images/helpor.gif"varnewtop=15varnewleft=15if(navigator.appName=="Netscape"){layerStyleRef="layer.";layerRef="document.layers";styleSwitch="";}……</script>探究任务：以相邻的两位同学为一个小组，共同探究修改JavaScript代码的方法，并相互交流。找出修改跟随图片的方法，找出修改JavaScript代码的基本方法。任务探究二varimage="images/helpor.gif"基本任务：在“javascript效果代码”中选择一个适当难度的特效加入到网页中，并根据实际需要修改代码浏览器的状态栏里的欢迎语

难度：★定义问候语

难度：★★旋转文字

（修改文字的位置）

难度：★★★提高任务：登陆相关网站选择你喜欢的特效加入到网页中，并根据实际需要修改代码任务探究三调用JavaScript文件扩展名为.js<scriptlanguage=“javascript”src=“*.js”></script>掌握JavaScript嵌入HTML

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论