JS window与document

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

一、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


				


				
时间： 2024-12-30 00:47:32 

		


		


	

	
	

		


		
JS window与document的相关文章


								

		

			

                javascript中window与document对象、setInterval与setTimeout定时器的用法与区别
			

		

		

									

				一.写在前面 本人前端菜鸟一枚,学习前端不久,学习过程中有很多概念.定义在使用时容易混淆,在此给向我一样刚踏入前端之门的童鞋们归纳一下.今天给大家分享一下js中window与document对象.setInterval与setTimeout定时器的用法与区别.讲得不对的地方,烦请大家指正,还望前辈.大牛多多指教! 二.window对象与document对象的用法和区别 window是全局对象,document是window对象的一个属性它也是一个对象.如图: document对象指的页面这个文档			

		

	

				

		

			

                js window.showModalDialog
			

		

		

									

				window showModalDialog 内容 (1)父页面打开窗口 (2)父页面向子页面传递参数 (3)子页面获取父页面传递的参数,并且返回一定的值. 代码: function getHQ1(option){ //父页面通过2种方式,向子页面传递参数 //1)直接在url中加参数与值.           如:/TBPWeb/technology/institutionManager/technologyTextarea.jsp?opt=2 //2)var obj = new Object			

		

	

				

		

			

                JS window,onload  与 $().read()
			

		

		

									

				JS:window.onload的使用介绍 1.在body标签里面 2.在JS语句调用 3.同时调用多个函数 4.JS调用多个函数 5.自定义的函数多次调用 jquery $(document).ready() 与window.onload的区别			

		

	

				

		

			

                window.jQuery || document...
			

		

		

									

				window是浏览器端的全部数据变量的引用.比如 window.window === window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 window.jQuery呢?你可以试试,直接jQuery然后回车,会报一个错误.而window.jQuery只是返回undefined而已. 接下来是||运算符,这是"或"运算比如 c = a || b当且仅当 a和b同时为"假值"时,c才为false.那么当a时&			

		

	

				

		

			

                js window对象常用内容
			

		

		

									

				window对象表示的是浏览器的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. 没有多个框架,在一个框架中,window为一个,所以window可以省略书写. 它有很多属性和方法. Navigator   获取浏览器的信息 Screen     获取屏幕的信息 History    包含用户在浏览器窗口中访问过的 URL. Location     包含有关当前 URL 的信息			

		

	

				

		

			

                uploadify  v3.2.1  上传报大量js   

类似__flash__addCallback(document.getElementById("SWFUpload_0"), 

"ReturnUploadStart"); 错误
			

		

		

									

				报__flash__addCallback未定义 报__flash__removeCallback未定义 最后解决方法:  uploadify  提供了destroy方法,每次使用完后,清空就可以了. 在body 中添加 onunload="checkLeave()" 方法. function checkLeave() { if ($('#btn_upload').length > 0) { $('#btn_upload').uploadify('destroy'); } } o			

		

	

				

		

			

                js/jquery  操作document对象
			

		

		

									

				//获取对象 //js获取的是dom对象,jquery获取的是jquery对象 //jquery对象可以输出dom对象,索引方式输出dom对象,eq()[]方式输出dom对象; //通过id获取元素 /*var div=document.getElementById("one"); alert(div);//获取到的是一个html元素[object htmldivelement],DOM对象 var div=$("#one"); //alert(div);//获取到			

		

	

				

		

			

                window、document、html、body、element的事件属性比较
			

		

		

									

				在分析jQuery的事件的时候有提到绑定事件的方式: Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在. jQuery的绑定方式是使用浏览器的绑定绑定方法 if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle, false ); } else if ( el			

		

	

				

		

			

                js window.open打开新页面
			

		

		

									

				js中window.open打开一个新的页面,其实它的参数有很多. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/ht