- 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
- DB32_T 3666-2019家庭服务 母婴护理员(月嫂)服务规范.docx
- DB32 4682-2024预制舱式磷酸铁锂电池储能电站消防技术规范.docx
- DB3212/T 1152-2024公共机构能源资源消费统计管理规范.docx
- DB3213_T 1041-2022 服务业用水定额.docx
- DB3203_T 1043-2023 社区居家医疗护理服务规范.docx
- DB32/T 4661-2024 110kV全户内金属结构变电站雷电防护设计规范.docx
- DB3201_T 1167.2-2023 放心消费示范单位创建规范 第2部分:街区.docx
- DB32/T 4705.2-2024口罩 有毒有害物质的测定 第2部分:禁用偶氮染料.docx
- DB3212_T 2001-2019 鹅林下养殖技术规程.docx
- DB3213T 1023-2021 莴苣-丝瓜-豇豆周年生产技术规程.docx
文档评论(0)