第章_对象模型DOM和BOM.ppt

* 链接对象 链接对象的常用属性及说明 属性 说明 hash 链接URL中锚的部分并包括“#”符号 host 链接URL中的主机名称和端口号 hostname 链接URL中的主机名称 href 完整的链接URL pathname 链接URL中的路径名部分 port 链接URL中的端口号 protocol 链接URL中的协议部分并包括冒号 search 链接URL中条件部分并包括“?”符号 target 链接的目标窗口打开方式 * （1）hash属性 该属性用来获取超链接URL中的锚标记的部分并包含“#”符号。 语法： ? [anchor=]links[n].hash ? anchor：字符串变量，用来存储超链接URL中锚标记。可选项。 * （2）host属性 该属性用来获取超链接URL中的主机名称和端口号。 语法： ? [nameNumber=]links[n].host ? nameNumber：字符串变量，用来存储超链接URL中的主机名称和端口号。可选项。 * （3）hostname属性 该属性用来获取超链接URL中的主机名称。 语法： ? [name=]links[n].hostname ? name：字符串变量，存储超链接URL中的主机名称和端口号。可选项。 * （4）href属性 该属性用来获取完整的超链接URL。 语法： ? [url=]links[n].href ? url：字符串变量，用来存储完整的超链接URL。url是可选项。 * （5）pathname属性 该属性用来获取超链接URL中的路径名部分。 语法： ? [urlName=]links[n].pathname ? urlName：字符串变量，用来存储路径名的部分。可选项。 * （6）port属性 该属性用来获取超链接URL中的端口号。 语法： ? [number=]links[n].port ? number：字符串变量，用来存储端口号。可选项。 * （7）protocol属性 该属性用来获取超链接URL中的协议部分并包括结尾处的“：”冒号。 语法： ? [confer=]links[n].protocol ? confer：字符串变量，用来存储协议部分。可选项。 * （8）search属性 该属性用来获取超链接URL中条件部分并包括“?”问号。 语法： ? [term=]links[n].search ? term：字符串变量，用来存储条件部分。可选项。 * （9）target属性 该属性用来获取链接的目标窗口打开方式。 语法： ? [mode=]links[n].target ? mode：字符串变量，用来存储窗口打开方式(主要有4个属性)。 * 图像（image）对象 * 网页中的图像 图像的属性 属性 说明 border 表示图片边界宽度，以像素为单位 height 表示图像的高度 hspace 表示图像与左边和右边的水平空间大小，以像素为单位 lowsrc 低分辨率显示候补图像的URL name 图片名称 src 图像URL vspace 表示上下边界垂直空间的大小 width 表示图片的宽度 alt 鼠标经过图片时显示的文字 * * JavaScript中的图像对象 HTML文件中以img/img标签创建了一个图像，相应的图像对象也将被创建，如果需要对网页中的图像进行操作，可以使用JavaScript代码控制图像对象。 document.images[] 是一个数组，它包含了所有页面中的图像对象，可以使用document.images[0]表示页面中第一个图像对象，document.images[1]表示页面中第二图像对象，依次类推。 也可以使用document.images[imageName]来获取图像对象，其中imageName代表img标签内name特性定义的图像名称。 * 滤镜 filter对象包含多个以属性形式存在的滤镜实现不同的效果。 滤镜的访问： document.all.对象ID.filters[索引号].属性名或方法名 document.all.对象ID.filters[滤镜名].属性名或方法名 * * 图像对象的应用 用CSS样式的RevealTrans滤镜设置图片以多种形式显示。 语法： filter:revealtrans(duration=转换的秒数，transition=转换的类型) revealTrans的方法: apply应用转换效, play运行效果和stop停止效果 * * 定位对象和嵌入对象 div对象 使用它可以在浏览器屏幕的任何位置定位一个HTML标记，并可通过其属性对该元素的外观如大小、可视性等进行动态修改。 * * 第3章 对象模型DOM和BOM1 * DOM文档对象