《5.3.1用JavaScript制作动态HTML(精品).ppt》由会员分享，可在线阅读，更多相关《5.3.1用JavaScript制作动态HTML(精品).ppt（15页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、5.3 用JavaScript制作动态HTML印清常州市北郊高级中学信息组2018.5.18第一部分动态HTML动态HTML01动态HTML是一种制作网页的方式，指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时变换的HTML。02构成动态HTML的核心技术主要有：客户端脚本语言、文件目标模块、CSS样式表等。第二部分客户端脚本语言客户端脚本语言什么是客户端脚本语言可以直接对客户端进行编写并使页面发生动态变化的脚本语言常见的客户端脚本语言JavaScriptVBScript可以实现的动态效果动感菜单、文字特效、鼠标特效、网页特效等无须编译，直接由浏览器执行。优点：交互性强，使用方便。
2、客户端脚本语言脚本使用方法（一）嵌入式：将脚本直接嵌入到HTML代码中。基本结构：/JavaScript语句 小试牛刀请同学们对照P111弹窗语句，在首页上制作弹窗效果，弹窗内容为“欢迎来到品味科学网站！”。脚本放哪里合适？HTML文档中可以放入不限数量的脚本。脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。通常的做法是把函数放入 部分中，或者放在页面底部页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。客户端脚本语言初学乍练请同学们打开“参考代码”，选择合适的特效添加到网页中。嵌入式代码复用的原则确定版权判断是否要修改确定插入位置和如何插入动态HTML设计原则尽量精简，不要过多使用动画过度的闪烁让人头痛合理使用滚动字幕、变换选择框等客户端脚本语言举一反三请同学们用调用式为4个主页面添加“时钟跟随鼠标”特效。调用式：调用外部*.js文件。脚本使用方法（二）优点：缩短HTML代码可多个页面共享方便修改代码使用方法：（1）制作*.js文件，文件包含主要的JS语句，但不需要标签；（2）在html代码中添加以下代码注意：src语句中的js文件名应与文件命名一致，且js文件要与网页文件在同一个目录下，否则需指出js文件的路径。第三部分课堂小练课堂练习登录创宏平台http:/