开头语：嗯~~~~~~~~~ 正文如下

一、window

window是Javascript中的最高级对象，它是document、location和history对象的父对象。正因为window是一个很高级的对象，所以通常在JavaScript代码编写中应用它的方法、属性时我们并不是必须写出window对象，如引用window的parent属性时：window.parent可以简单写成parent。

Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。

属性：

　 document 当前显示的文档(该属性本身也是一个对象)

　　frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象)
　　frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)
　　 history 窗口的历史列表(该属性本身也是一个对象)
　　 length 窗口内的框架数
　　 location 窗口所显示文档的完整(绝对)URL(该属性本身也是一个对象)不要把它与如document.location混淆,后者是当前显示文档的URL。用户可以改变window.location(用另一个文档取代当前文档),但却不能改变

document.location (因为这是当前显示文档的位置)

　　name 窗口打开时,赋予该窗口的名字

　　opener 代表使用window.open打开当前窗口的脚本所在的窗口(这是Netscape Navigator 3.0beta 3所引入的一个新属性)

　　parent 包含当前框架的窗口的同义词。frame和window对象的一个属性

　　self 当前窗口或框架的同义词

　　status 状态条中的消息

　　top 包含当前框架的最顶层浏览器窗口的同义词

　　window 当前窗口或框架的同义词,与self相同

　　方法：

　　alert() 打开一个Alert消息框

　　clearTimeout() 用来终止setTimeout方法的工作

　　close() 关闭窗口

　　confirm() 打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回true,单击Cancel返回false

　　blur() 把焦点从指定窗口移开(这是Netscape Navigator 3.0 beta 3引入的新方法)

　　focus() 把指定的窗口带到前台(另一个新方法)

　　open() 打开一个新窗口

　   prompt() 打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本

　　setTimeout() 等待一段指定的毫秒数时间,然后运行指令事件处理程序事件处理程序

　　Onload() 页面载入时触发

　　Onunload() 页面关闭时触发

 二、document

document 对 Document 对象的只读引用。document对象包含了与文档元素(elements)一起工作的对象，它将这些元素封装起来供编程人员使用。也可以说Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象的引用。

    属性：

　　alinkColor 活动链接的颜色(ALINK)

　　anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象)

　　anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象)

　　bgColor 文档的背景颜色(BGCOLOR)

　　cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性

　　fgColor 文档的文本颜色(<BODY>标记里的TEXT特性)

　　form 文档中的一个窗体(<FORM>)(该属性本身也是一个对象)

　　forms anay 按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)

　　lastModified 文档最后的修改日期

　　linkColor 文档的链接的颜色,即<BODY>标记中的LINK特性(链接到用户没有观察到的文档)

　　link 文档中的一个<A HREF=>标记(该属性本身也是一个对象)

　　links array 文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象)

　　location 当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变 window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象

　　referrer 包含链接的文档的URL,用户单击该链接可到达当前文档

　　title 文档的标题((TITLE>)

　　vlinkColor 指向用户已观察过的文档的链接文本颜色,即<BODY>标记的VLINK特性

　　方法：

　　clear 清除指定文档的内容

　　close 关闭文档流

　　open 打开文档流

　　write 把文本写入文档

　　writeln 把文本写入文档,并以换行符结尾 


注：
1、不要混淆Window对象的location属性和Document对象的location属性。前者引用一个Location对象，而后者只是一个只读字符串，并不具有Location对象的任何特性。document.location与document.URL是同义的，后者在JavaScript1.1中是该属性的首选名称（因为这样避免了潜在的混淆）。在大多数情况下，document.location和location.href是相同的。但是，当存在服务器重定向时，document.location包含的是已经装载的URL，而location.href包含的则是原始请求的文档的URL。用户不能改变 document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象


参考文件： http://blog.csdn.net/qq_21577869/article/details/46895365


												


											
JS window与document的更多相关文章
	

    
								
  1. window.parent.document解决原生js或jQuery 实现父窗口的问题
		
    做WEB前端开发的过程中,经常会有这样的需求,用户点击[编辑]按钮,弹出一个对话框,在里边修改相应的值,然后把修改后的值显示在原页面,最后点击保存. 用window.parent.document.g ...
    
		
    2. 
						
  2. window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery.js'>"+"<"+"/script>")
		
    今天无意中看到这样一段代码 <script type="text/javascript"> window.jQuery || document.write(" ...
    
		
    3. 
						
  3. CDN失效时使用本地js文件:window.jQuery || document.write
		
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></ ...
    
		
    4. 
						
  4. js 随机星星 document.createElement(); setAttribute()
		
    js 随机星星 document.createElement(); setAttribute() <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...
    
		
    5. 
						
  5. JS:window.onload的使用介绍
		
    作者: 字体:[增加 减小] 类型:转载 时间:2013-11-13我要评论 window.onload在某些情况下还是比较实用的,比如加载时执行哪些脚本等等,下面有几个不错的示例,需要的朋友可以参考 ...
    
		
    6. 
						
  6. nuxt Window 或 Document未定义解决方案
		
    概述 在用nuxt开发服务端渲染项目并引入第三方库的时候,经常会遇到window或document未定义的情况,原因是这个第三方库里面用到了window或者document,然后在服务端打包的时候,n ...
    
		
    7. 
						
  7. window.jQuery || document...
		
    window是浏览器端的全部数据变量的引用.比如 window.window === window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 ...
    
		
    8. 
						
  8. JS window.name跨域封装
		
    JS window.name 跨域封装 function CrossDomainName(target, agent, callback, security) { if (typeof target  ...
    
		
    9. 
						
  9. JS window,onload  与 $().read()
		
    JS:window.onload的使用介绍 .在body标签里面 .在JS语句调用 .同时调用多个函数 .JS调用多个函数 .自定义的函数多次调用 jquery $(document).ready() ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 2019年微服务5大趋势，你pick哪个？
			
    2018年对于微服务来说是非常重要的一年,这一年Service Mesh开始崭露头角,解决服务间复杂的通信问题,这一年很多国内互联网公司已经有了较为成熟的微服务实践案例,网易云主办的微服务实践沙龙中也 ...
    
			
    2. 
						
  2. 错误：无效参数：could not find capabilities for arch=aarch64
			
    现象:错误:无效参数:could not find capabilities for arch=aarch64 解决: qemu源码编译:(需要指定--cpu=aarch64) ./configure ...
    
			
    3. 
						
  3. [CocoaPods]如何使用CocoaPods插件
			
    CocoaPods +插件 CocoaPods是一个由极少数维护者运营的社区项目,需要维护大量的表面区域.可以肯定地说CocoaPods永远不会支持Xcode支持的每个功能,即使这样,团队也必须对许多 ...
    
			
    4. 
						
  4. JAVA实现调用微信js-sdk扫一扫
			
    喜欢的朋友可以关注下. 已经很久没有给大家分享一片技术文章了,今天抽了点时间来,给大家说一说如何调用微信提供的扫一扫接口. 前提: 需要申请一个公众号:申请公众号需要的资料我就不说了,去申请微信会提示 ...
    
			
    5. 
						
  5. JSTL-简介
			
    JSTL全称为 JSP Standard Tag Library 即JSP标准标签库. JSTL作为最基本的标签库,提供了一系列的JSP标签,实现了基本的功能:集合的遍历.数据的输出.字符串的处理.数 ...
    
			
    6. 
						
  6. Mac下命令行批量重命名
			
    日常中碰到需要批量修改文件名怎么办?嗯,来终端先 案例:将Users/case目录下所有html文件修改为php文件 步骤: 1.进入目标文件夹 $ cd Users/case 2.执行以下命令 $  ...
    
			
    7. 
						
  7. Flask源码复习之路由
			
    构建路由规则 一个 web 应用不同的路径会有不同的处理函数,路由就是根据请求的 URL 找到对应处理函数的过程. 在执行查找之前,需要有一个规则列表,它存储了 url 和处理函数的对应关系.最容易想 ...
    
			
    8. 
						
  8. Django--models--多表操作
			
    一 创建模型 实例:我们来假定下面这些概念,字段和关系 作者模型:一个作者有姓名和年龄. 作者详细模型:把作者的详情放到详情表,包含生日,手机号,家庭住址等信息.作者详情模型和作者模型之间是一对一的关 ...
    
			
    9. 
						
  9. RecyclerView的简单使用
			
    使用 RecyclerView 要做下面这些操作, 1.在build.gradle添加 RecyclerView的依赖,因为RecyclerView不是内置在android系统中的,请注意版本要一致  ...
    
			
    10. 
						
  10. Atom相关资料整理
			
    官网地址 https://atom.io/ Atom 中文社区 https://atom-china.org/ 常用插件 Emmet 这款插件是用来支持zend-coding,Emmet的前身是大名鼎 ...
    
			
    11.