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

一、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. appendChild()方法遇到的问题
			
    在使用appendChild()方法中遇到了一个问题: 下面的代码可以正常插入多个新元素 <input type="button" value="在后面插入新元素& ...
    
			
    2. 
						
  2. JQuery Mobile - 固定住页面和页脚
			
    在点击页面空白时候,页眉和页脚会隐藏,在页眉和页脚加入以下代码就可以了: data-tap-toggle ="false" 例子: <div data-role=" ...
    
			
    3. 
						
  3. accept:Invalid Argument
			
    错误 #include <sys/types.h> /* See NOTES */ #include <sys/socket.h> int accept(int sockfd, ...
    
			
    4. 
						
  4. React.js 三周 -- 入门到搭建团队基础项目
			
    吐槽 公司自己的产品,由于历史遗留问题,前端一直是和java放到一个项目里写的. 导致了,前端就被死死的绑在了IDEA战车上.想要看页面效果,先起几个java服务.想要调试一个改动,重启个java服务 ...
    
			
    5. 
						
  5. dubbo rpc调用，接收到的bean为null原因？
			
    前几天对接公司内部其他部门的系统,用dubbo调用,dubbo看起来很简单,但是却让我们调试了好久啊! 下面是调试纪录: 1. 调用该服务时,直接调不通,查看错误为 no provider ? 然后就 ...
    
			
    6. 
						
  6. OpenCL科普及在ubuntu 16.04 LTS上的安装
			
    OpenCL(Open Computing Language,开放计算语言)是一个为异构平台编写程序的框架,此异构平台可由CPU.GPU.DSP.FPGA或其他类型的处理器與硬體加速器所组成.Open ...
    
			
    7. 
						
  7. typescript 的安装
			
    1.全局安装 typeScript 包       npm install typescript -g (tsc -v 查看ts版本)2.解决模块的声明文件问题   npm install @type ...
    
			
    8. 
						
  8. Python又把GUI界面攻下了，今天就告诉你怎么玩
			
    0.引言 学Python这么久了,一直想做个界面出来,最近发现Python有个内置库tkinter,利用它可以很轻松做出一些简易的UI界面,首先来看Python官方对Tkinter的说明: The t ...
    
			
    9. 
						
  9. Git使用教程：最详细、最傻瓜、最浅显、真正手把手教！
			
    Git使用教程:最详细.最傻瓜.最浅显.真正手把手教! 蘇小小 Web项目聚集地 9月16日 作者 | 蘇小小 编辑 | 王久一 来源 | 慕课网 导读:因为教程详细,所以行文有些长,新手边看边操作效 ...
    
			
    10. 
						
  10. requestAnimFrame 动画的使用方法
			
    //requestAnimFrame 封装,可以兼容所有浏览器 window.requestAnimFrame = (function(){ return window.requestAnimatio ...
    
			
    11.