今日内容
BOM 浏览器对象模型
由:Window:浏览器窗口对象
Navigator:浏览器对象
Screen:显示器屏幕对象
History:历史记录对象
Location:地址栏对象
Window:浏览器窗口对象
1.创建:不用创建,直接使用Window对象中的属性和方法
2.方法的使用
1.与弹出框有关的方法
alert():显示带有一段消息和一个确认按钮的警告框。
confirm() :显示带有一段消息以及确认按钮和取消按钮的对话框。 重点
如果点击确认,那么该方法返回一个true值
如果点击取消,那么该方法返回一个false值
prompt():显示可提示用户输入的对话框。
如果点击确认,那么该方法返回输入框中输入的值
如果点击取消,那么该方法就不返回输入框输入的值
2.与打开与关闭浏览器窗口的方法
close() : 关闭浏览器窗口。
open(): 打开一个新的浏览器窗口或查找一个已命名的窗口。
3.与定时器相关的方法
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
3.属性的使用
1.获取其他的BOM对象
history
location
Navigator
Screen
2.获取DOM对象
document:文档对象
4.对象的特点
window对象不需要创建,直接使用,window.属性名/方法名 ,前面的window还可以省略不写
可以通过window对象获取其他的BOM对象和DOM对象
Location地址栏对象
Location 对象包含有关当前 URL 的信息。
1.创建: 通过window对象来获取 window.location,前面的window可以省略不写
2.属性:
href 设置或返回完整的 URL。
hostname 获取当前url指定的服务器主机名
3.方法:
reload() 重新加载当前文档。 刷新动作
replace() 用新的文档替换当前文档。
History历史记录对象
1.创建 : 通过window对象来获取历史记录对象 window.history,前面的window可以省略不写
2.方法:
forward() 加载 history 列表中的下一个 URL。
back() 加载 history 列表中的前一个 URL。
go() 加载 history 列表中的某个具体页面。
3.属性
length 返回浏览器历史列表中的 URL 数量。
DOM对象
“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分:
核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型
核心DOM内容
Document---文档对象
Element---元素对象
Attribute----属性对象
Text-----文本对象
Comment---注释对象
Node----节点对象
Document 文档对象
1.创建
通过window对象获取文档对象 window.document,windom可以省略不写。
2.方法
获取Element元素对象:
1.getElementById() 通过id名称获取id名称对应的元素对象。ID属性值一般唯一。
2.getElementsByTagName() 通过标签名称获取对应的元素对象。 返回的是一个对象数组
3.getElementsByClassName() 通过class属性值获取对应的元素对象。返回的是一个对象数组。
4.getElementsByName() 通过name属性值获取对应的元素对象。返回的是一个对象数组。
创建其他DOM对象
createComment() 创建注释节点。
createElement() 创建元素节点。
createTextNode() 创建文本节点。
createAttribute(name) 创建拥有指定名称的属性节点,并返回新的 Attr 对象。