[经济学]JAVASCRIPT.pptVIP

文档对象(DOCUMENT) document的对象 包括all、anchors、applets、childNodes、embeds、forms、frames、images、links、namespaces、scripts、styleSheets等。 var oItem = document.all; if (oItem!=null) for (i=0; ioItem.length; i++) alert(oItem.item(i).tagName); var oItem = document.all.item(“Sample”); If (oItem != null) for (i=0; ioItem.length; i++) alert(oItem.item(i).tagName); -文档对象(DOCUMENT) -文档对象(DOCUMENT) -文档对象(DOCUMENT) [例4.42] 使用documentElement将页面源代码调入编辑框；用滚动鼠标滚轮的方法放大或缩小图片。 实现代码：4-42.txt 运行效果： 4-42.html [例4.43] 使用document对象查看元素名称。 实现代码： 4-43.txt 运行效果：4-43.html [例4.44] 使用Form数组和Form名称使得两个Form中的文本输入内容保持一致。 实现代码： 4-44.txt 运行效果：4-44.html [例4.45] 文档对象应用举例。 代码： 4-45.txt 运行效果：4-45（文档对象应用）.html 文档对象(DOCUMENT) [例4.46]设计一个输入个人信息的页面示例。 实现代码： 4-46.txt 运行效果：4-46.html [例4.47] 逐条显示信息的跑马灯。 实现代码： 4-47.txt 运行效果：4-47.html [例4.48]先出现文件上载对象，没有提交按钮，在检查上传图片的大小后，若图片符合要求则动态创建一个提交按钮。 实现代码： 4-48.txt 运行效果：4-48（图片上载）.html [例4.49] 动态生成一个表格 实现代码： 4-50.txt 运行效果：4-50.html 文档对象(DOCUMENT) [例4.51] 用鼠标器滚轮放大和缩小图形。 实现代码： 4-51.txt 运行效果：4-51.html [例4.52] 播放MP3等媒体文件。 实现代码： 4-52.txt运行效果：4-52.html HTML DOM树简介 HTML DOM是一种结构化的对象模型，采用DOM技术访问和更新HTML页面内容时，首先依据HTML源代码，建立页面的树形结构模型，然后按照树形结构的层次关系来操纵Web页面。 在DOM树形结构中，每个节点都是一个对象，各节点对象都有属性和方法。 DOM有两个对象集合：attributes和chileNodes。attributes是节点属性的对象集合。chileNodes是子节点的对象集合，使用从0开始的索引值进行访问。 DOM树形结构节点有只读属性和读写属性两类。通过只读属性可以浏览节点，并可获得节点的类型及名称等信息；通过读写属性可以访问文字节点的内容。 HTML DOM树简介 HTML DOM树简介 HTML DOM树简介 用DOM方法可以创建HTML文档，并可以通过JavaScript程序随时改变文档的节点结构或内容，建立动态网页效果。DOM树的常用方法如表所示。 HTML DOM树简介 在用createElement方法创建一个元素时，其中的参数可以使用下表所列DHTML对象的名称。 HTML DOM树简介 例如创建一个按钮元素：document.createElement(“input type=‘button’”)； 创建一个超链接元素： document.createElement(“A”)。 实现代码： 4-53.txt 运行效果：4-53.html DHTML综合编程实例 .1 广告条定时滚动 功能描述：定时滚动广告条。共有3个广告条，每个广告条中有六个超链接。页面显示10秒钟后才开始广告滚动。将鼠标放到广告条上就停止滚动，鼠标离开广告条就滚动。 实现代码：定时滚动广告.txt 运行效果：定时滚动广告.html DHTML综合编程实例 2 超文本编辑器及其与Word的互操作 功能描述：用Iframe帧标记实现文本编辑器和超文本编辑器功能，可以将编辑框