- 1、本文档共19页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第四章 Document对象 JavaScript及网页特效制作课件 上机部分
上机4 Document对象 回顾 Document对象的常用属性有哪些? 获取页面所有节点使用哪个属性? 获取页面所有超链接使用哪个属性? 上机任务 获取文本框输入的值。 遍历页面a标签。 遍历页面所有标签 打开新窗口并写入内容 训练技能点 掌握常用的Document对象属性。 掌握常用的Document对象方法。 任务1 任务说明 页面上有两个文本框,向其中任意一个文本框输入文字时,将输入的文字显示到另外一个文本框中。 任务1 掌握要点 onKeyPress事件的使用。 document.forms属性的使用。 实现思路 为两个文本框绑定onKeyPress事件。 获取当前正在输入的文本框的值。 将获取的值显示到另外一个文本框中。 任务1 参考代码 任务2 任务说明 页面包含多个a标签,使用document.links属性获取所有a标签,并取出内部的文本值拼接后输出。 任务2 实现思路 使用document.links取出所有a标签 遍历a标签数组,使用childNodes属性获取内部元素。 阶段2 任务3 任务说明 将页面所有标签名称遍历出来,显示在页面上。 任务3 掌握要点 document.all属性的使用。 实现思路 使用document.all.length属性获取页面所有标签的个数。 循环遍历document.all,获取标签名称。 任务3 参考代码 任务4 任务说明 打开一个空白的新窗口,向窗口中写入html内容。 任务4 实现思路 使用window.open()方法打开一个新窗口 使用document.write()方法向心窗口写入内容。 任务4 参考代码 任务4 作业 * * JavaScript与网页特效制作 效果演示 form name=first !--第一个表单-- 文本框1:!--用表单名引用表单及元素-- input type=text onKeyPress=document.second.elements[0].value=this.value;value=在这里输入内容 /form form name=second!--第二个表单-- 文本框2:!--用第二种方式引用表单及元素-- input type=text onKeyPress=document.forms[0].elements[0].value=this.value; value=在这里输入内容 /form 共性问题讲解、规范代码展示 效果演示 共性问题讲解、规范代码展示 效果演示 var i;//定义变量i var sum; /定义sun变量 sum = document.all.length;// 取得元素的个数 document.write(document.all.length=+sum+br /);// 输出个数 for (i = 0; i sum; i++) {//循环访问 document.write(document.all[+i+]=+document.all[i] .tagName+br /);// 输出各元素 } 共性问题讲解、规范代码展示 效果演示 newWindow=window.open(,, height=250, width=250,toolbar=no,enubar=no);//新建一个窗口 // 向新窗口中写入HTML的title newWindow.document.write(title例子/title) // 向新窗口中写入HTML的body newWindow.document.write(body bgcolor=#ffffff) ………………………………… 共性问题讲解、规范代码展示 本次上机总结
您可能关注的文档
- 第十六章 宏观经济政策实践 西方经济学PPT课件.ppt
- 第十六章 国际收支调整 国际经济学课件.ppt
- 第十六章 战争法和法律战 国际法 教学课件.ppt
- 第十六章 民事诉讼中的法院裁判 民事诉讼 教学课件.ppt
- 第十六章 奇异期权 金融工程课件.ppt
- 第十六章 单晶硅与多晶硅生产 经典太阳电池基础课件.ppt
- 第十六章 物体识别 机器视觉课件.ppt
- 第十六章 经济发展与经济协调 国民经济管理学 教学课件.ppt
- 第十六章 态度与价值观测验 心理测量学 教学课件.ppt
- 第十六章国家赔偿的标准 国家赔偿法 教学课件.ppt
- 2025年休闲食品健康化转型下的市场拓展策略与渠道创新报告[001].docx
- 农村电商服务站品牌建设:2025年运营模式创新与品牌传播报告.docx
- 2025年互联网金融平台合规整改与金融科技监管的合规监督与可持续发展策略.docx
- 2025年短视频平台内容监管与平台社会责任关系研究报告.docx
- 农产品溯源体系在农产品质量安全监管中的信用体系构建与实施策略研究.docx
- 2025年工业互联网平台数据备份与恢复策略创新方案探讨.docx
- 2025年线上法律咨询服务平台法律咨询行业竞争策略研究.docx
- 农业产业集群农产品流通体系构建与发展机制报告.docx
- 智能制造领航者:2025年3D打印技术在规模生产中的应用效果分析报告[001].docx
- 农村金融服务创新与农村金融消费者权益保护法规实施效果分析报告.docx
文档评论(0)