精华内容
下载资源
问答
  • JS中document对象和window对象的区别

    千次阅读 2017-03-30 16:56:39
    简单来说,document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame... 所有的全局函数和对象都属于Window 对象的属性和方法documentDocument 对象的只读引用。 [windo
    简单来说,document是window的一个对象属性。
    Window 对象表示浏览器中打开的窗口。
    如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
    所有的全局函数和对象都属于Window 对象的属性和方法。
    document   对 Document 对象的只读引用。
    
    [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不是对象
    展开全文
  • document对象

    千次阅读 2008-07-21 16:27:00
    如你所知,window对象的任何属性和方法都可直接访问,所以下面这行代码将返回"true":这个对象的独特之处是它是唯一一个既属于BOM又属于DOM(下一章将讨论DOM中的document对象)的对象。从BOM角度看,document对象由...
     
    

    document对象实际上是window对象的属性,如你所知,window对象的任何属性和方法都可直接访问,所以下面这行代码将返回"true"

    这个对象的独特之处是它是唯一一个既属于BOM又属于DOM(下一章将讨论DOM中的document对象)的对象。从BOM角度看,document对象由一系列集合构成,这些集合可以访问文档的各个部分,并提供页面自身的信息。再有,由于BOM没有可以指导实现的标准,所以每个浏览器实现的document对象都稍有不同,这一节的重点是最常用的功能。

    下表列出了BOMdocument对象的一些通用属性:

       

       

    alinkColor

    激活的链接的颜色,如<body alink="color">定义的*

    bgColor

    页面的背景颜色,如<body bgcolor="color">定义的*

    fgColor

    页面的文本颜色,如<body text="color">定义的*

    lastModified

    最后修改页面的日期,是字符串

    linkColor

    链接的颜色,如<body link="color">定义的*

    referrer

    浏览器历史中后退一个位置的URL

    title

    <title/>标签中显示的文本

    URL

    当前载入的页面的URL

    vlinkColor

    访问过的链接的颜色,如<body vlink="color">定义的*

    * 反对使用这些属性,因为它们引用了<body/>标签中的旧HTML特性。应该用样式表脚本代替它们。

    lastModified属性获取的是最后一次修改页面的日期的字符串表示,用作旁注,除非你想在主页上显示最后的修改日期(用服务器端的技术也可实现)。同样,referrer属性用处也不大,除非你想跟踪用户是从哪里链接过来的(也许可以查看该用户是通过Google或是其他搜索引擎访问你的站点的)。同样也可以用服务器端的技术实现它。

    title属性是可读写的,所以可随时改变页面的标题,无论HTML页面的内容是什么。当站点使用了框架,且只有一个框架改变,其他框架保持不变时,该属性非常有用。可以用该属性改变框架的标题,从而反映出载入了新页面:

    URL属性也是可读可写的,所以可用它获取当前页面的URL,或者把它设置为新的URL,把窗口导航到新页面。例如:

    如前所述,document对象也有许多集合,提供对载入的页面的各个部分的访问。下表列出了这些集合:

     

       

       

    anchors

    页面中所有锚的集合(由<a name="anchorname"></a>表示)

    applets

    页面中所有applet的集合

    embeds

    页面中所有嵌入式对象的集合(由<embed/>标签表示)

    forms

    页面中所有表单的集合

    images

    页面中所有图像的集合

    links

    页面中所有链接的集合(由<a href="somewhere.htm"><a/>表示)

    window.frame集合相似,可用数字或名字引用document对象的每个集合,也就是说可用document.images[0]document.images["image_name"]访问图像。考虑下面的HTML页面:

    访问该文档各个部分的方法如下:

    q  document.links[0]访问链接;

    q  document.images[0]document.images["imgHome"]访问图像;

    q  document.forms[0]document.forms["frmSubscribe"]访问表单。

    此外,链接和图像等的所有特性都变成了该对象的属性。例如,document.images[0].src是获取第一个图像的src特性的代码。

    最后,BOMdocument对象还有几个方法。最常用的方法之一是write()或它的兄弟方法writeln()。这两个方法都接受一个参数,即要写入文档的字符串。如你所料,它们之间唯一的区别是writeln()方法将在字符串末尾加一个换行符(/n)。

    这两个方法都会把字符串的内容插入到调用它们的位置。这样浏览器就会像处理页面中的常规HTML代码一样处理这个文档字符串。考虑下面的页面:

    该页面在浏览器中看来与下面的页面一样:

    可以使用这种功能动态地引入外部JavaScript文件。例如:

    这段代码在页面上写了一个<script/>标签,将使浏览器像常规一样载入外部JavaScript文件。注意字符串"</script>"被分成两部分("</src""ipt>")。这是必要的,因为每当浏览器遇到</script>,它都假定其中的代码块是完整的(即使它出现在JavaScript字符串中)。假设前面的例子未把"</script>"分成两部分:

    浏览器显示如下网页:

    可以看到,忘记把字符串"</script>"分成两部分引起了严重的混乱。首先,在<script/>标签内有个语法错,因为document.write()的调用漏掉了闭括号。其次,有两个</script>标签。这就是在使用document.write()方法把<script/>标签写入页面时一定要把"</script>"字符串分开的原因。

    记住,要插入内容属性,必须在完全载入页面前调用write()writeln()法。如果任何一个方法是在页面载入后调用的,它将抹去页面的内容,显示指定的内容。

     

    write()writeln()方法密切相关的是open()close()方法。open()方法用于打开已经载入的文档以便进行编写,close()方法用于关闭open()方法打开的文档,本质上是告诉它显示写入其中的所有内容。通常把这些方法结合在一起,用于向框架或新打开的窗口中写入内容,如下所示:

    这个例子打开空白页(使用本地的"about:blank"URL),然后写入新页面。要正确实现这一操作,在调用write()前,先调用open()方法。写完后,调用close()方法完成显示。当你想显示无需返回服务器的页面时,这种方法非常有用。

    展开全文
  • 从某种意义上讲,它是一个终极的“兜底儿对象”,换句话说呢,就是不属于任何其他对象的属性和方法,最终都是它的属性和方法。我理解为,这个global对象呢,就是整个JS的“老祖宗”,找不到归属的那些“子子孙孙”都...

    1、global对象(全局对象)

    《JS高级程序设计》中谈到,global对象可以说是ECMAScript中对特别的一个对象了,因为不管你从什么角度上看,这个对象都是不存在的。从某种意义上讲,它是一个终极的“兜底儿对象”,换句话说呢,就是不属于任何其他对象的属性和方法,最终都是它的属性和方法。我理解为,这个global对象呢,就是整个JS的“老祖宗”,找不到归属的那些“子子孙孙”都可以到它这里来认祖归宗。所有在全局作用域中定义的属性和函数,都是global对象的属性和方法,比如isNaN()、parseInt()以及parseFloat()等,实际都是它的方法;还有就是常见的一些特殊值,如:NaN、undefined等都是它的属性,以及一些构造函数Object、Array等也都是它的方法。总之,记住一点:global对象就是“老祖宗”,所有找不到归属的就都是它的。

    2、window对象

    前面说了global对象是“老祖宗”,那有人该问了,你把window对象置于何地呢?对,javascript这门语言现在这么红火很大部分原因是因为W3C将它作为写页面的官方脚本语言,但别忘了js它不仅仅可以用来写页面,也就是不仅仅可以用在浏览器中。window对象是相对于web浏览器而言的,它并不是ECMAScripta规定的内置对象,内置对象的定义是:“由ECMAScript实现提供的、不依赖于宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了。”window对象是宿主对象也就是在一定的环境中才会生成的对象(这里也就是指浏览器),而global对象是在任何环境中都存在的。window对象具体也就是指浏览器打开的那个窗口。

    3、document对象

    简单来说,document对象是window对象的一个属性,是显示于窗口内的一个文档。而window对象则是一个顶层对象,它不是另一个对象的属性。document可以理解为文档,就是你的网页,而window是你的窗口,就是你的浏览器包含的。它们俩在没有框架的情况下可以说是等同的,在有框架的情况下就要区别对待了。

    展开全文
  • 所有的全局函数和对象都属于Window对象的属性和方法。区别: 1、window 指窗体。Window 对象表示浏览器中打开的窗口。 document指页面。document是window的一个子对象、一个对象属性。 2、用户不能改变 document....

    所有的全局函数和对象都属于Window对象的属性和方法。

    区别:
    1、window 指窗体。Window 对象表示浏览器中打开的窗口。
    document指页面。document是window的一个子对象、一个对象属性。

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

    如果文档包含框架(frame 或 iframe 标签),浏览器会为HTML文档创建一个window对象,

    并为每个框架创建一个额外的 window 对象。

    document Document 对象的只读引用。document 当前显示的文档(该属性本身也是一个对象)。

    frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象)。
    frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)。


    1、window:代表浏览器中一个打开的窗口。它是一个顶层对象,而不是另一个对象的属性。

    (1)对象属性


    (2)对象方法



    (3)成员对象





    2、document对象:代表整个HTML 文档,可用来访问页面中的所有元素。

    (1)对象属性



    (2)对象方法


    (3)body对象


    (4)location-位置子对象


    (5)通过集合引用(以images集合为例,forms集合等类似)


    补充:

    a)通过name属性直接引用

    <img name="oImage" src="">
    document.images.oImage          //document.images.name属性

    ----------------------------
    b)引用图片的src属性

    document.images.oImage.src      //document.images.name属性.src


    参考文章链接:

    https://blog.csdn.net/zhouziyu2011/article/details/61922889

    https://blog.csdn.net/qq_21577869/article/details/46895365


    展开全文
  • 简单来说,document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 ... 所有的全局函数和对象都属于Window 对象的属性和方法。 document对Document对象的只读引用。 ...
  • 从某种意义上讲,它是一个终极的“兜底儿对象”,换句话说呢,就是不属于任何其他对象的属性和方法,最终都是它的属性和方法。我理解为,这个global对象呢,就是整个JS的“老祖宗”,找不到归属的那些“子子孙孙”都...
  • 简单来说,document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 ... 所有的全局函数和对象都属于Window 对象的属性和方法documentDocument 对象的只读引用。
  • 简单来说,document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。...所有的全局函数和对象都属于Window 对象的属性和方法documentDocument 对象的只读引用。 区别: 一、指...
  • js03--document对象

    2019-04-15 22:32:00
    我们接着来学习js的一些基础知识点。 1.documentdocument是window对象的一个属性。window对象表示浏览器中打开的...所有的全局函数和变量都属于window对象的方法和属性。可以在浏览器中console一下window对象和...
  • document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window ... 所有的全局函数和对象都属于Window 对象的属性和方法
  • Window对象的判定方法

    2017-02-24 11:09:00
    window对象的判定,由于ECMA是不规范Host对象,window对象属于Host,所以也没有约定,所以就算是Object.prototype也对它无可奈何, 而且如果根据window.window和window.setInterval去判定那就更加的不靠谱! 这里我们...
  • 判断对象是否为数组/对象的元素/属性: 格式:(变量 in 对象)......注意,,,  当“对象”为数组时,“变量”指的是数组的“索引”;  当“对象”为对象是,“变量”指的是对象的“属性”。 判断 当前...
  • ①不属于其他对象的属性和方法,最终都是他的属性和方法(如isNAN(),isFinite(),parseInt(),parseFloat()实际上都是他的方法,他的属性 大致有undefined,Nan,Indefinity,Object,Array,Booleab,String,Dat...
  • 前言:document.write、innerHTML以及DOM(document.createElement、document.createTextNode)都...document对象的write()方法可以方便快捷的把字符串插入到文档里,属于HTML专有属性。 这样写并不好,因为它违背了.
  • Dom对象方法

    2021-01-13 19:14:54
    节点分类: ... 文本节点文字部分 属性节点标签内属性 注释节点 1.document ...页面中最大节点,有且只有...不属于元素节点,是页面中所有节点容器。根节点。 2.html 页面中最大元素节点。根元素节点。 ...
  • 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档编程接口。它给文档提供了一种结构化表示方法,可以改变文档内容和呈现方式。DOM把网页和脚本以及其他编程语言联系了起来。DOM属于...
  • 一:对象可以添加属性,也可以添加函数。属于一个对象的函数称为方法!! var student = { name :"二狗", age : 18, printMassage : func(){ document.writeln("Hello" + **this*
  • 内置对象:Global,Math等不可实例化的对象,也是本地对象,Global不存在,但是isNaN(),parselnt()和parseFloat()方法都属于Global的方法。 宿主对象:为浏览器提供的对象,所有的BOM和DOM,如document,window; ...
  • 这些属性与方法和BOM中的Document对象属性与方法兼容。HTMLDocument接口属性可以获取HTML 文档中各类对象。下面介绍下HTMLDocument接口常用属性之anchors和links。HTMLDocument接口常用属性anc...
  • window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法,window对象下的属性和方法调用的时候可以省略window 例如:window.alert(); window.console; window....
  • 以此前介绍一些方法不同,getAttribute方法属于document对象,所以不能通过document对象调用。它只能通过元素节点对象来调用。 该方法只接受一个参数,你指定要查询属性名字。如果指定属性没有设置,结果...
  • js通过获取标签文本的方法

    千次阅读 2018-11-13 09:11:38
    js通过获取标签文本的方法 1、document.getElementById() 返回对拥有指定 id 的第一个对象的引用。 2、document.getElementsByName() 返回带有...方法属于HTML DOM Document 对象的方法。 信息来源于网络—由“程...

空空如也

空空如也

1 2 3 4 5 ... 18
收藏数 356
精华内容 142
关键字:

属于document对象的方法