Window与Document
Window
表示一个包含DOM文档的窗口，其
document属性指向窗口中载入的 DOM文档。使用document.defaultView属性可以获取指定文档所在窗口。window作为全局变量，代表了脚本正在运行的窗口，暴露给 Javascript 代码。PS：在有标签页功能的浏览器中，每个标签都拥有自己的 window 对象；也就是说，同一个窗口的标签页之间不会共享一个 window 对象。
window.resizeTo和window.resizeBy等方法除外。
对象常用属性
window.innerHeight：获得浏览器窗口的内容区域（视口viewport）的高度，包含水平滚动条(如果有的话)
window.innerWidth：获得浏览器窗口的内容区域（视口viewport）的宽度，包含垂直滚动条(如果有的话)
window.location：获取/设置 window 对象的 location, 或者当前的 URL
window.name：获取/设置窗口的名称
window.pageXOffset：返回文档/页面水平方向已滚动的像素值，window.scrollX的别名
window.pageYOffset：返回文档/页面在垂直方向已滚动的像素值，window.scrollY的别名对象常用方法
window.alert()：提示信息会话框
window.confirm()：确认会话框
window.prompt()：要求键盘输入会话框
window.open()：打开新的窗口
window.close()：关闭当前窗口
window.requestAnimationFrame()：告知浏览器有一个动画正在进行，请求为下一帧动画重绘窗口
window.scroll()：滚动窗口至文档中的特定位置，与window.scrollTo()同
Document
表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM 树。DOM 树包含了像
<body>、<table>这样的元素，以及大量其他元素。Document向网页文档本身提供了全局操作功能（例如获取页面的 URL 、在文档中创建一个新的元素）。PS：Document 接口描述了任何类型的文档（HTML、XML、SVG等）的通用属性与方法
对象常用属性
document.body：返回当前文档的<body>或<frameset>节点
document.head：返回当前文档的<head>元素
document.scripts：返回文档中所有的<script>元素
document.readyState：返回当前文档的加载状态（loading / 正在加载、interactive / 可交互、complete / 完成），当该属性值发生变化时，会在document 对象上触发readystatechange事件
document.title：获取或设置当前文档的标题
document.bgColor：获取或设置当前文档的背景色
document.URL：以字符串形式返回文档的地址栏链接（只读），等同于document.location.href（可写）
document.location：返回当前文档的 Location 对象，包含有文档的 URL 相关的信息（href、protocol、host、port等）PS：
document.location = 'http://www.example.com'等同于document.location.href = 'http://www.example.com'对象常用方法
document.createAttribute()：创建并返回一个新的属性节点
document.createElement()：创建由tagName指定的HTML元素，或一个HTMLUnknownElement，如果tagName不被识别
document.getElementsByClassName()：返回一个包含了所有指定类名的子元素的类数组对象
document.getElementsByTagName()：返回一个包括所有给定标签名称的元素的HTML集合HTMLCollection
document.getElementById()：返回一个匹配特定 ID的元素
document.getElementsByName()：根据给定的属性name值返回一个在 (X)HTML document的节点列表集合
document.querySelector()：返回文档中与指定选择器或选择器组匹配的第一个 html元素Element，如果找不到匹配项，则返回null
document.close()：用于结束对文档的document.write()写入操作，这种写入操作一般由document.open()打开
参考资料
1、Window：https://developer.mozilla.org/zh-CN/docs/Web/API/Window
2、Document：https://developer.mozilla.org/zh-CN/docs/Web/API/Document
Window与Document的更多相关文章
- window、document、html、body、element的事件属性比较
在分析jQuery的事件的时候有提到绑定事件的方式: Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; ...
- 拉动滚动条追加内容,无限延伸document高度 $(window).scroll(function(){if($(window).scrollTop() + $(window).height() == $(document).height()) { $("body").append(html) } })
$(document).ready(function() { // endless scrolling $(window).scroll(function() { if($(window).scrol ...
- 客户端JavaScript（window、document、element）
一.window对象是所有客户端JavaScript特性和API的主要接入点,用window来引用它. 属性:location属性(引用Location对象,当前显示在窗口的URL).document ...
- window.parent.document jquery
使用 jQuery ,写法如下: .$("#myEle", window.parent.document).html(html); 另外还有一种实现方式,代码如下: .parent ...
- nuxt Window 或 Document未定义解决方案
概述 在用nuxt开发服务端渲染项目并引入第三方库的时候,经常会遇到window或document未定义的情况,原因是这个第三方库里面用到了window或者document,然后在服务端打包的时候,n ...
- 解决 jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML
因为先前遇到的问题,所以我考虑采用 IFRAME 来隔离不同的脚本,从而实现我需要的效果. 在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的 ...
- window.jQuery || document...
window是浏览器端的全部数据变量的引用.比如 window.window === window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 ...
- window.parent.document解决原生js或jQuery 实现父窗口的问题
做WEB前端开发的过程中,经常会有这样的需求,用户点击[编辑]按钮,弹出一个对话框,在里边修改相应的值,然后把修改后的值显示在原页面,最后点击保存. 用window.parent.document.g ...
- window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery.js'>"+"<"+"/script>")
今天无意中看到这样一段代码 <script type="text/javascript"> window.jQuery || document.write(" ...
- javascript中window与document对象、setInterval与setTimeout定时器的用法与区别
一.写在前面 本人前端菜鸟一枚,学习前端不久,学习过程中有很多概念.定义在使用时容易混淆,在此给向我一样刚踏入前端之门的童鞋们归纳一下.今天给大家分享一下js中window与document对象.se ...
随机推荐
- jQuery AJAX方法详谈
AJAX是与服务器交换数据并更新部分网页的技术,而无需重新加载整个页面. 下表列出了所有jQuery AJAX方法: 方法 描述 $.ajax() 执行异步AJAX请求 $.ajaxPrefilter ...
- 【设计模式】Prototype
前言 这篇讲设计模式的部分相对较少.Prototype设计模式,它提供一种复制对象的思路.使用Prototype就可以在不需要了解类结构的前提下,复制一个现有对象.写了一个代码片段,讲解使用Objec ...
- 使用python来反查数据表中的字段名
1. 链接数据库 import psycopg2 conn = psycopg2.connect(user,host,port,database,password) cur = conn.cursor ...
- 6. [mmc subsystem] mmc core（第六章）——mmc core主模块
一.说明 1.mmc core概述 mmc core主模块是mmc core的实现核心.也是本章的重点内容. 对应代码位置drivers/mmc/core/core.c. 其主要负责如下功能: mmc ...
- bert剪枝系列——Are Sixteen Heads Really Better than One?
1,概述 剪枝可以分为两种:一种是无序的剪枝,比如将权重中一些值置为0,这种也称为稀疏化,在实际的应用上这种剪枝基本没有意义,因为它只能压缩模型的大小,但很多时候做不到模型推断加速,而在当今的移动设备 ...
- Linux终端执行shell脚本，提示权限不够
在学习dubbo过程中,上传自己写的脚本,执行的时候提示“权限不够”,从网上了解到是因为没有为脚本赋权限 解决方法是使用chmod命令为shell脚本赋予权限 chmod 777 ./service- ...
- c# 第五节 第一个控制台程序、第一个桌面、快捷键、注释
本节内容: 1:控制台程序的创建 2:第一个桌面程序 3:快捷键 4:注释 一.第一个控制台程序: 这就是控制台程序: 打开你的vs2015,按如下操作 二.第一个桌面程序 比如当我们删除一个东西会弹 ...
- 201871010133-赵永军《面向对象程序设计（java）》第十四周学习总结
201871010133-赵永军<面向对象程序设计(java)>第十四周学习总结 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ ...
- NOIP 2006 金明的预算方案
洛谷 P1064 金明的预算方案 https://www.luogu.org/problem/P1064 JDOJ 1420: [NOIP2006]金明的预算方案 T2 https://neooj.c ...
- Ubuntu16.04安装deb包
在Ubuntu下安装deb包需要使用dpkg命令.Dpkg 的普通用法: 1.sudo dpkg -i <package.deb> 安装一个 Debian 软件包,如你手动下载的文件. 2 ...