document与window的区别

[window对象]

  它是一个顶层对象,而不是另一个对象的属性,即浏览器的窗口。

  属性

  defaultStatus 缺省的状态条消息

  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 对象]

  该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。

  属性

  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 指窗体。document指页面。document是window的一个子对象。

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

时间: 2024-10-28 23:51:28

document与window的区别的相关文章

html、body、document、window的区别

html是一门超文本标记语言: document对象代表整个html文档,可用来访问页面中的所有元素: body代表document的主体子对象,除浏览器头部,页面中能够看到的内容都属于body中的内容: window代表浏览器中一个打开的窗口,代表运行环境. html中的window对象是一个虚拟的对象,浏览器在打开HTML文档时生成window对象,可以把它看作是你所使用的浏览器的窗口,其地位很高,因为它是浏览器脚本引擎中的globalobject.可以用window对象访问窗口中绘制的文档

$(document).height()、$(&quot;body&quot;).height()、$(window).height()区别和联系

前言:在此以高度为示例,宽度问题可类推.在移动端开发中,经常遇到需要把一块内容定位于底部的情况,当页面内容不满一屏时,需要设为fixed,而超过 一屏时,需要设为static随页面顶到底部,此时就需要通过判断$(document).height()和$(window).height()的大 小来区分内容是否超屏. $(document):整个文档 $("body"):body $(window):视口(有设doctype的前提下) 1).页面内容大于视口(浏览器窗口)时:$(docum

window.onload 和 $(document).ready(function(){})的区别

这篇作为我的新的起点开始吧,发现年纪大了,记性就不好了,有些东西老是记了忘,忘了百度.在学一些新知识的时候也是这样的毛病,总是重复学习,这样效率真心差!所以决定开始认真写博客! 本来想封装一个预加载的插件的,在开始写时,才发现自己很多不足.百度上看见这个题目,发现自己不会,所以记下! window.onload    与     jq的 $(document).ready() window.onload 是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源),执行一个

window.parent与window.openner区别介绍

转自http://www.jb51.net/article/30086.htm 首先来说说 parent.window与top.window的用法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的

(转)window.parent和window.opener区别

下面一段代码是关于window.parent和window.opener区别 来讲的,我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦. window.parent能获取一个框架的父窗口或父框架.顶层窗口的parent引用的是它本身. 可以用这一点特性来判断这个窗口是否是顶层窗口.如: Code 1 function IsTopWindow( win ) 2 { 3

script脚本中写不写$(document).ready(function() {});的区别

$(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样. $(document).ready(function(){})可以简写成$(function(){}); 点击段落后,此段落隐藏: <html> <head

$(document)和$(window)各是什么意思?

jquery中的对象$(document) 是当前文档,就是你看到的整个网页$(window) 如果没有框架则就是你浏览的当前浏览器的窗口 将document, window转换为jquery对象 比如转换后可以使用jq的方法$(document).ready$(window).resize $接收以下参数:1. 选择器 .class2. 一个元素 document.body3. 一个对象 document, window4, 一个jq对象, 此时是复制一个jq对象5. $() 一个空jq对象.

document与window

document:每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问 window:表示浏览器窗口 document 是 window 对象的属性之一,

jQuery的$(‘#id’)与document.getElementByID(&#39;id&#39;)的区别

用jQuery选择的包装集返回的是jQuery对象,用document.getElementByID返回的是DOM对象. jQuery对象 --> DOM对象 /* Convert a jQuery object to a DOM object.*/var jquery = $('#id');alert(jquery.html()); var dom = jquery[0];// or var dom = jquery.get(0);alert(dom.innerHTML); DOM对象 -->