JavaScript前端开发程序设计教程 第2版 实训指导.pdfVIP

JavaScript前端开发程序设计教程 第2版 实训指导.pdf

  1. 1、本文档共21页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
实训案例名称:XXX 一、实训目的 1. 掌握事件驱动及事件绑定的分类和方法 2. 掌握onload 事件的方法及应用 3. 掌握Event 事件的属性和方法 4. 掌握事件流的概念和运用 二、实训内容 1. 在HTML 页面上绑定显示问候语的按钮 2. 通过onload 事件实现在页面中载入函数 3. 编写脚本,实现将页面上调用的事件名称显示在状态栏中 4. 在页面上实现阻止事件的默认行为 三、实训仪器、设备 装有Dreamweaver CS6 软件的电脑,网络畅通。 四、实训步骤 1. 在HTML 页面上绑定显示问候语的按钮 head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title动态绑定事件/title script type=text/javascript function hello() { alert(您好!); } /script /head body p button id=hello_button name=Abutton1问侯/button /p script type=text/javascript hello_button.onclick = hello; //动态绑定 /script /body 2. 通过onload 事件实现在页面中载入函数 head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleonload 事件/title script type=text/javascript function hello1() { alert(您好!); } function hello2() { alert(您好!--来自第2 个事件处理函数); } function hello3() { alert(您好!--来自第3 个事件处理函数); } function start() {//要绑定到 onload 事件的函数 hello_button.onclick=hello1;//绑定第1 个函数 hello_button.attachEvent(onclick,hello2);//绑定第2 个函数 hello_button.attachEvent(onclick,hello3);//绑定第3 个函数 } /script /head body onload=start() p button id=hello_button name=Abutton1问侯/button /p /body 3. 编写脚本,实现将页面上调用的事件名称显示在状态栏中 head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title显示事件名称/title script type=text/javascript function showEventName() { window.status = window.event.type; //将事件名显示在状态栏中 } /script /head body p onmousedown=showEventName() onmouseup=showEventName()请对本 段文字按下鼠标左键,再松开。期间,状态栏将依次显示事件名 mousedown、 mouseup。 /p /body 4. 在页面上实现阻止事件的默认行为 head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title阻止事件的默认行为/title script type=text/javascript function preventLink() { if(event.srcElement.tagN

您可能关注的文档

文档评论(0)

教育课件资源 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档