第十五章 JavaScript_HTML DOM对象.pptVIP

WEB基础 目标 History 对象 Location 对象 Screen 对象 Navigator 对象 Event 对象 Document 对象 Form 对象 Select / Option 对象 浏览器对象的分层结构 使用history 对象 方法 使用Location 对象 属性 方法 示例代码 Screen 对象 Screen 对象包含有关客户端显示屏幕的信息。 Navigator 对象 Navigator 对象 Navigator 对象包含有关浏览器的信息。 Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。可以通过脚本对 HTML 页面中的所有元素进行访问。 Document对象集合 Document 对象属性 Document 对象方法 Form 对象 Form 对象 Form 对象代表一个 HTML 表单。 在 HTML 文档中 form 每出现一次，Form 对象就会被创建。 Select 对象 HTML DOM Select 对象 Select 对象 Select 对象代表 HTML 表单中的一个下拉列表。 在 HTML 表单中，select 标签每出现一次，一个Select 对象就会被创建。 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象，或者通过使用 document.getElementById()。 Select 对象 HTML DOM Select 对象 HTML DOM length 属性 定义和用法 length 属性可返回下拉列表中选项的数目。 语法 selectObject.length=number Select 对象 HTML DOM Select 对象 HTML DOM add() 方法 定义和用法 add() 方法用于向 select 添加一个 option 元素。 语法 selectObject.add(option,before) 参数描述 option必需。 before必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。 Option对象 HTML DOM Option 对象 Option 对象 Option 对象代表 HTML 表单中下拉列表中的一个选项。 在 HTML 表单中 option 标签每出现一次，一个 Option 对象就会被创建。 Option对象 HTML DOM Option 对象 HTML DOM text 属性 text 属性可设置或返回选项的文本值 HTML DOM value 属性 value 属性可设置或返回选项的值。 当表单提交发生的时候，如果这个选项被选中， value 会和表单一起提交。映射 option 的 value 实现简单的省市级联功能 总结 主要介绍了window对象下各对象的常用属性和方法.以及在DHTML中的运用 History 对象 Location 对象 Screen 对象 Navigator 对象 Event 对象 Document 对象 Form 对象 Select / Option 对象 * JavaScript－09 HTML DOM对象 加载 History 列表中的一个 URL，或要求浏览器移动指定的页面数。 go(url or number) 加载 History 列表中的下一个 URL。 forward( ) 加载 History 列表中的上一个 URL。 back( ) 说明 名称 back ( )方法相当于后退按钮 forward ( ) 方法相当于前进按钮 go (1)代表前进1页，等价于forward( )方法； go(-1) 代表后退1页，等价于back( )方法； 设置或检索完整的 URL 字符串 href 设置或检索位置或 URL 的主机名部分 hostname 设置或检索位置或 URL 的主机名和端口号 host 说明 名称 通过加载 URL 指定的文档来替换当前文档 replace(url) 重新加载当前页 reload() 加载 URL 指定的新的 HTML 文档。 assign(url) 说明 名称 FORM name=form1 method=post action= …… TD width=4%A href=javascript: history.back( )返回 /A/TD TD width=4%A href=javascri