《用JavaScript制作动态HTML.ppt》由会员分享,可在线阅读,更多相关《用JavaScript制作动态HTML.ppt(13页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、江苏省高级中学 陈海风用用用用JavaScriptJavaScript制作动态制作动态制作动态制作动态HTMLHTML高中信息技术 科教2003课标版 选修3 网络技术应用 JavaScript简介uJavaScript 是一种客户端脚本语言uJavaScript 是一种轻量级的编程语言uJavaScript 是可插入 HTML 页面的编程代码uJavaScript 插入 HTML 页面后,可由浏览器直接执行uJavaScript 基本应用于所有的网站网页代码区域区区区JavaScript使用方法一、嵌入式语法说明JavaScript必须使用标签一般形式/JavaScript语句 说明具体的J
2、avaScript语句标签中间语法/单行文本/*多行文本*/说明严谨的程序员会在代码中加一些注释语句,程序执行时会被忽略。在网页html语言中注释语句形式 编写第一个JavaScript程序 让我们一起根据任务导航完成任务一JavaScript使用注意:1、代码插入位置(一般根据代码使用说明来选择)。2、可能的错误:单词拼写错误、使用了中文标点符号、缺少结束标记。弹窗完整代码alert(“欢迎光临我的网站!”)端午佳节(网站2)alert(欢迎光临我的网站!)插入代码自主研究学习根据任务导航完成任务二为端午佳节网站的习俗.htm网页添加飘窗特效。找到插入代码的正确位置一起根据任务导航完成任务三
3、JavaScript使用方法二、通过调用JavaScript文件1、把代码复制到记事本中,保存为js文件,如“fly.js”。注意:“.js”文件中不带标签标签2、调用代码一般形式 调用代码的好处:1、网页代码简洁清晰;2、减少代码总量,减小网站体积;3、方便修改,只要修改js文件,调用该js文件的所有网页全部发生变化。4、只有被多次重复使用的代码才做成js文件,很少使用的代码直接嵌入比较直观。自主研究学习说明:1、代码在任务导航网页文本区的框内,复制代码一定要完整;2、本题分三步,不一定安照顺序,但每一步都要做到。根据任务导航完成任务四游戏时间利用本节课所学知识,完成活动二,运行象棋游戏。JavaScript使用方法总结JavaScript使用方法使用方法嵌入式调用JS文件形式形式 /JavaScript语句特点特点直接插入到网页代码中JavaScript语句放在js文件中标签中加 src=”*.js”嵌入和调用JavaScript方法比较作品展示与交流nJavaScript特效是不是越多越好?为什么?n使用了哪些JavaScript特效?遇到了哪些问题,怎么解决的?谢谢!