`
747017186
  • 浏览: 329965 次
社区版块
存档分类
最新评论

JS中window与document对象的区别

 
阅读更多

 

window对象和document对象的区别
一般来讲,一个window里就是一个document,但是,iframe里面也可以装个document,在iframe里面就有区别了

alert(document.location === window.location); // true

 

 

不要混淆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有什么区别就是
document你可以理解为文档,就是你的网页
window理解为窗口,就是你的ie浏览器包含的
无框架:简单的说,没有框架的情况下,是等同的
有框架:在有框架的情况下,最外层是相同的,在iframe里面的document.location和window.location不同的。
iframe里面的document.location 你看不ie地址变化,只改变iframe部分,
此时的window.location和top.location效果一致

 

 

document.location="url";(只读)
document.location.reload("url";);
window.location="url";
location="url";
document.href="url"
document.location.href="url"
document.location.replace="url"
document.action="url"; document.submit();
document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是:
用document.location.href切换后,可以退回到原页面。而用document.location.replace切换后,不可以通过“后退”退回到原页面。
关于document.location.href或其他可回退的切换方式
document.location 相当于 document.URL 声明了装载文档的URL,
除非发生了服务器重定向, 否则该属性的值与Window.location.href的值是一样的.
history.go(-1);//返回上一页
document.IFRAME名称.location.href='url';//改变框架内容 
       

 

一步一个脚印,方便自己复习,该出手时就出手,有错误,一定要指正,非常感谢,共同进步!
出自:http://www.cnblogs.com/o-andy-o/archive/2012/11/20/2778260.html
分享到:
评论

相关推荐

    学习js中document和window几大对象

    JavaScript中的`document`和`window`对象是两个非常核心的概念,它们在网页脚本中扮演着重要的角色。本文将深入探讨这两个对象的区别、用途以及它们的相关属性和方法。 首先,`window`对象是JavaScript的全局对象,...

    什么是document对象?什么是window对象?.pdf

    document对象和window对象是JavaScript中最为重要的内置对象,它们是网页交互的核心。document对象代表了整个HTML文档,而window对象则代表了浏览器窗口本身。理解这两个对象可以帮助开发者实现动态网页内容的更新、...

    js关于document和window对象

    JS 中的 document 对象和 window 对象 在 JavaScript 中,document 对象和 window 对象是两个非常重要的对象,它们都是 Window 对象的属性,用于描述当前显示的文档和浏览器窗口。 document 对象 document 对象是...

    JavaScript的document和window对象详解

    #### Document对象 在JavaScript中,`document`对象是`window`和`frames`对象的一个属性,它表示显示在窗口或框架内的HTML文档。通过这个对象,开发者能够访问和操作网页上的各种元素,实现动态网页效果。 ##### ...

    js技术中document对象技术汇总

    ### JavaScript中的Document对象技术汇总 在JavaScript编程语言中,`Document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并提供了多种方法和属性来操作网页内容。通过`Document`对象,开发者...

    JavaScript的document对象和window对象详解

    在JavaScript编程中,document对象和window对象的使用无处不在。理解这两个对象及其属性、方法和事件处理程序是成为一名优秀前端开发人员的基础。通过深入掌握这两个对象的使用,我们可以有效地操作网页文档、响应...

    javascript window对象

    - **文档容器**:`Window`对象可以访问当前窗口中的文档对象(`document`)。 - **事件处理**:它可以接收事件,并且拥有处理这些事件的方法。 - **弹出新窗口**:通过`Window.open()`方法创建新的浏览器窗口。 ###...

    javascript document 对象的用法大全

    它属于浏览器的`window`对象的一个属性,可以通过`window.document`或者直接使用`document`来访问。`document`对象允许JavaScript开发者动态地访问并更新网页的内容、结构以及样式。 #### 二、Document 对象的属性 ...

    javascript Window及document对象详细整理

    在JavaScript中,`Window`和`Document`对象是两个核心且至关重要的概念,它们构成了浏览器环境中JavaScript与网页交互的基础。 **一、Window对象** Window对象代表着浏览器中的一个窗口,它是全局对象,意味着在...

    JavaScript Window窗口对象属性和使用方法

    每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性: 属性 说明 document 对话框中显示...

    JavaScript中window和document用法详解

    在JavaScript编程中,window和document对象是两个最为基础且使用频繁的对象,它们各自扮演着不同的角色,并为我们提供了丰富的接口来操作浏览器窗口和文档内容。 首先,window对象代表浏览器窗口本身。它是...

    JavaScrip文档对象模型(DOM).

    文档对象模型(Document Object Model,简称DOM)是一项由万维网联盟(W3C)制定的标准,旨在提供一种独立于编程语言的接口,使得开发者能够通过脚本语言(如JavaScript)动态地访问和更新文档的内容、结构和样式。...

    jsWindow对象及方法.pdf

    根据提供的文件信息,这是一篇关于JavaScript中的window对象及其方法的文档。window对象是Web浏览器中的一个全局对象,它代表了浏览器窗口本身,是JavaScript中的最顶级对象。以下是关于window对象及其相关方法的...

    window对象--event对象详解

    总结来说,Window对象是JavaScript在浏览器环境中的核心,它提供了与页面和浏览器交互的接口。而Event对象则承载了事件的相关信息,是实现响应式和交互性网页的关键。理解并熟练运用这两个对象,对于进行高效且用户...

    函数和window对象

    在JavaScript中,函数与`window`对象的交互非常常见。例如,未在任何函数或闭包中定义的变量默认成为`window`对象的属性,这被称为全局变量。另一方面,如果一个函数希望对外部环境产生影响,它可以修改`window`对象...

    js学习之Window对象

    JavaScript中的Window对象是浏览器环境中最基础且至关重要的对象,它代表了浏览器的窗口,并提供了与用户交互、控制文档以及访问浏览器特性的接口。在本文中,我们将深入探讨Window对象的各种属性、方法和事件,以便...

    javaScript的对象window

    JavaScript中的`window`对象是浏览器环境中最核心的对象之一,它代表了浏览器的顶级窗口或框架。无论网页中是否存在BODY、FRAMESET或FRAME元素,浏览器都会为每个这样的元素创建一个`window`对象实例。此外,`window...

    JavaScript 中document.URL 和 [removed].href 的区别

    在探讨JavaScript中`document.URL`与`window.location.href`之间的差异之前,我们首先需要了解`document`和`window`这两个核心对象的基本概念及其作用。这不仅有助于理解它们各自属性的具体含义,还能帮助开发者在...

    js中window对象的事件1

    在JavaScript中,`window`对象是全局对象,它代表浏览器的窗口。这个对象不仅包含着浏览器窗口的各种属性和方法,还能够响应一系列的事件。本文将深入探讨`window`对象中的两个主要事件——`load`事件和`error`事件...

Global site tag (gtag.js) - Google Analytics