JS中document对象 window对象
所有的全局函数和对象都属于Window对象的属性和方法。
区别:
1、window 指窗体。Window 对象表示浏览器中打开的窗口。
document指页面。document是window的一个子对象、一个对象属性。
2、用户不能改变 document.location(因为这是当前显示文档的位置)。
但是,可以改变window.location (用其它文档取代当前文档)
window.location本身也是一个对象, 而document.location不是对象。
如果文档包含框架(frame 或 iframe 标签),浏览器会为HTML文档创建一个window对象,
并为每个框架创建一个额外的 window 对象。
document 对 Document 对象的只读引用。document 当前显示的文档(该属性本身也是一个对象)。
frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象)。
frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)。
1、window:代表浏览器中一个打开的窗口。它是一个顶层对象,而不是另一个对象的属性。
(1)对象属性
(2)对象方法
(3)成员对象
2、document对象:代表整个HTML 文档,可用来访问页面中的所有元素。
(1)对象属性
(2)对象方法
(3)body对象
(4)location-位置子对象
(5)通过集合引用(以images集合为例,forms集合等类似)
补充:
a)通过name属性直接引用
<img name="oImage" src="">
document.images.oImage //document.images.name属性
----------------------------
b)引用图片的src属性
document.images.oImage.src //document.images.name属性.src
参考文章链接:
https://blog.csdn.net/zhouziyu2011/article/details/61922889
https://blog.csdn.net/qq_21577869/article/details/46895365
JS中document对象 window对象相关推荐
- JS中document和window的区别
Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对 ...
- JS中判断对象是对象还是数组
JS中判断对象是对象还是数组的方法 JS中判断对象是不是数组的方法 JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function ...
- document的window对象
document是window对象的一个属性,因为使用window对象成员的时候可以省略window,所以一般简写为document <input type="button" ...
- java和js中遍历数组和对象的总结
java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...
- JS中 new FormData() - FormData对象的作用及用法
JS中 new FormData() - FormData对象的作用及用法 js FormData 方法介绍 formData是ajax2.0(XMLHttpRequest Level2)新提出的接口 ...
- JS中怎样使用Date对象加减日期
var date = new Date(2018,0,7)//新建一个时间,用于表示2018年1月7日. 为什么用0表示1呢,这是一个js的设计缺陷,0-11表示1-12月. 日期相加 如果date要 ...
- js中判断两个对象是否相等。
js中判断两个对象是否相等. js中的Object.Array.Function等复杂数据类型,是无法直接用==和===操作符进行比对的. Object对比 const tar = { name:'张 ...
- 简单聊聊js中的内置对象
文章目录 一.Map对象 1.常用属性和方法 2.示例 二.Set 1.属性和方法 2.示例 三.Date对象 1.创建Date对象 1.1.*new Date() ;* 2.2.*new Date( ...
- html dom createevent,js 中 document.createEvent的用法
js 中 document.createEvent的用法 更新时间:2010年08月29日 23:22:02 作者: 用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象. ...
- js 中 document.createEvent的用法-转载
js 中 document.createEvent的用法 <a class="comment-mod" οnclick="alert('ss')" hre ...
最新文章
- 解析python数据后用html输出
- SpringBoot 包含处理
- java如何将数据保存为xml6_用Java实现可保存状态的数据库生成XML树,源码来了(9)...
- 王道计算机网络 计算机网络体系结构整理 超详细版
- 信息奥赛一本通(1119:矩阵交换行)
- mysql外连接基准表_4.mysql数据库创建,表创建模等模板脚本,mysql_SQL99标准的连接查询(内连接,外连接,满外连接,交叉连接)...
- 秋招开始,求职别慌!C 认证了解一下!
- Ubuntu 8.04 Linux + Apache2 + MySQL5 + PHP + Tomcat5.5 整合安装
- 机器视觉专用照明光源
- itsdangerous
- 本地图片预览代码(支持 IE6、IE7)
- [转帖]Dockerfile设置默认时区
- wps中加入代码块样式_样式图块的概述以及为什么要在设计过程中开始实施它们...
- 微信公众号申请注意事项
- 三分学习(解决凸函数or凹函数的极值)
- 用html css实现五角星,用CSS画五角星
- 阿里云短信服务isv.INVALID_PARAMETERS返回,短信发送失败
- 红帽与Cloudera结成大数据联盟 释放企业级Hadoop潜能
- CGB2111-Day13-用户模块管理
- 动画程序时长缩放是什么意思_1分钟做出高逼格动画!PPT中自带的小功能帮你一键搞定!...