window是什么
1、浏览器打开的窗口(标签?)
2、打开网页时,浏览器会为网页建立一个全局的window对象
3、我们可以这么认为:window是顶级对象(好比皇帝), 包括document都属于window
4、在js中。可以用self来返回对当前窗口的window
引申一下:
1、假设一个网页里面包含了1个或多个iframe
那么,浏览器也会为每个iframe创建一个window对象。
但他们都有一个共同的“父皇”,也就是浏览器第一个创建的window顶级对象。
其他小iframe好比是诸侯国
Iframe的引用方法 :<iframe src=“child.html”></iframe>
同样,在诸侯国里可以通过 self.parent来引用到它的领导 ,通过self.top来引用到最顶级的“父皇”
document是什么
1、受命于window
2、统管着所有的Html
3、好比是宰相
我们来学习document的几个属性
- document.head 姑且认为是网页<head></head>区域
- document.body 姑且认为是网页<body></body>区域
- document.title 网页标题
- XXX.innerHTML 返回元素开始和结束标签之间的 HTML。
document.body.innerHTML
doucment.title.innerHTML
self.parent.docment.innerHTML
self.top.document.innerHTML
总结
- window 对象是浏览器的代言人
- 每个iframe都会创建一个子window对象,如果太多会影响性能
- document从属于window
- document.title 只认第一个出现的<title></title>标记
- <title></title>可以写在任何地方