第二课:window和document

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>可以写在任何地方
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 5,176评论 0 1
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,217评论 2 19
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,809评论 0 8
  • 花开花落,又是一年夏天,蝉也褪去外壳,爬上了树梢。 沐浴在阳光下,你伸出手遮挡阳光,无奈,仍有几缕阳光透过指缝...
    昔日樱花落阅读 1,324评论 0 1
  • 抚泪九生图一世, 辗转日月从不识。 取舍六意何为道? 心神若舒浮尘知。
    草芥人阅读 1,729评论 0 0

友情链接更多精彩内容