JavaScript应用
一、教学目标
掌握用JavaScript实现强制浏览者点击某链接。
二、教材内容分析
该部分学习重点是用JavaScript制作动态HTML,要求学生能掌握从网上搜索并下载免费的源代码并将其插入网页中的方法(代码复用技术)。这部分内容要真正掌握,学生必须亲自动手体验,做到“做中学”。
三、教学方法及策略
采用任务驱动法,以完成该节JavaScript的学习。
四、教学过程
教师活动
学生活动
1.通过投影展示强制浏览者点击某链接效果,引出“强制浏览者点击某链接”范例。
2.提供该案例JavaScript源代码。
3.教师讲解此源代码的使用方法以及实现过程(投影展示,内容见附录1)。
教师巡堂,指导学生完成这个任务。
根据教师的讲解,学生自己练习强制浏览者链接的效果,同时总结JavaScript的用法。
组织、引导学生发现JavaScript的知识规律,并做出总结。
发现、总结和掌握脚本语言JavaScript使用的共性和规律,熟练掌握把JavaScript源代码加入到HTML中的方法。
让学生上网,以“JavaScript动态网页制作宝库”为搜索目标,搜索精彩的实例,并存入本地机,自行体验一例。
学生按照老师要求,完成任务。
让学生讨论JavaScript脚本语言对传统网页造成的冲击。
思考和讨论JavaScript在动态网页制作中的作用和意义,能够从网络中下载自己需要的免费的JavaScript源代码为自己服务。
要求学生填写学习总结表5-3(见附录2)。
免费分享源码的网址附录1:
在body后加入如下代码:
<scriptlanguage="JavaScript">
<!--
varFlag=0
-->
</script>
假如你的广告链接图为"06.jpg",链接网址为"www.sohu,则应采用如下代码:
<ahref="www.sohu"target="_blank">
<imgsrc="06.jpg"border="0"height=""width="">
</a>
height和width中的数值根据需要设置。
如果你不想让浏览者进入你的网页"download.htm",则加入如下代码:
<ahref="download.htm"target="_blank";
>软件下载
</a>
注意:上面alert后的内容在编写时不能断行,否则会出错。
附录2:
表5-3学习总结表
学习中遇到的问题
总结
使用代码复用技术需要注意的问题。
你从网上到了哪些JavaScript功能?优点表现如何?你的心得体会是什么?

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。