`
myfreespace
  • 浏览: 223395 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 中的window document对象

阅读更多

js中的基本对象是我们操作文档的基础,其中window document是最基本的, 首先来看看window吧,\

window:他是JavaScript中最大的对象,它描述的是一个浏览器窗口。一般要引用它的属性和方法时,不需要用“window.xxx”这种形式,而直接使用“xxx”。一个框架页面也是一个窗口。基本属性:status 就是浏览器下面状态栏的信息,self 返回窗口对象本身,常用在<a href="javascript:self.close()">关闭窗口</a>”,parent 窗口所属的框架页对象,history location  document等。

open();打开一个窗口,例如open('','_blank','width=400,height=100,menubar=no,toolbar=no,

location=no,directories=no,status=no, scrollbars=yes,resizable=yes')下面说一下各个参数,top left 表示窗口顶部距离浏览器窗口的上方和左方的高度值,menubar 窗口有没有菜单yes no,toolabr 窗口有没有工具条 yes no,location 窗口有没有地址栏 yes no ,directories 有没有链接区 yes no,scrollbars 有没有滚动条 yes no ,status 有没有状态栏 yes no ,resizable 是否可以调整大小 yes no。var op = window.open();将返回值存入op中,

blur() focus()方法,焦点移走或获取焦点,scrollto()窗口滚动 到浏览器左上角的距离,confirm prompt两个弹出框,不同的是confirm只有两个按钮,而prompt还多了一个文本框用来输入字符,点击取消是返回null,

事件:window.onload;发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件,而且包含的图片,插件,控件,小程序等全部内容都下载完毕。本事件是 window 的事件,但是在 HTML 中指定事件处理程序的时候,我们是把它写在<body>标记中的。

window.onunload;发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。与 onload 一样,要写在 HTML 中就写到<body>标记里。

  • window.onresize;发生在窗口被调整大小的时候。
  • window.onblur;发生在窗口失去焦点的时候。
  • window.onfocus;发生在窗口得到焦点的时候。
  • window.onerror;发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler),用来处理错误。
  • Document:文档
  • document.title //设置文档标题等价于HTML的<title>标签
  • document.bgColor //设置页面背景色
  • document.fgColor //设置前景色(文本颜色)
  • document.linkColor //未点击过的链接颜色
  • document.alinkColor //激活链接(焦点在此链接上)的颜色
  • document.vlinkColor //已点击过的链接颜色
  • document.URL //设置URL属性从而在同一窗口打开另一网页
  • document.fileCreatedDate //文件建立日期,只读属性
  • document.fileModifiedDate //文件修改日期,只读属性
  • document.fileSize //文件大小,只读属性
  • document.cookie //设置和读出cookie
  • document.charset //设置字符集 简体中文:gb2312
  • cookie 关于 cookie 请参看“使用框架和 Cookies”一章。
  • lastModified 当前文档的最后修改日期,是一个 Date 对象。
  • referrer 如果当前文档是通过点击连接打开的,则 referrer 返回原来的 URL。
  • title 指<head>标记里用<title>...</title>定义的文字。在 Netscape 里本属性不接受赋值。
  • fgColor 指<body>标记的 text 属性所表示的文本颜色。
  • bgColor 指<body>标记的 bgcolor 属性所表示的背景颜色。
  • linkColor 指<body>标记的 link 属性所表示的连接颜色。
  • alinkColor 指<body>标记的 alink 属性所表示的活动连接颜色。
  • vlinkColor 指<body>标记的 vlink 属性所表示的已访问连接颜色。

0
3
分享到:
评论

相关推荐

    js关于document和window对象

    js document对象 window对象

    JavaScript的document和window对象详解

    JavaScript的document和window对象详解

    学习js中document和window几大对象

    document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 所有的...

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

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

    JavaScript的document对象和window对象详解

    JavaScript的document对象和window对象详解,js经常用得到的知识,了解下。

    javascript Window及document对象详细整理

    一、Window对象 ————————————————– ——————- 对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultStatus //设定窗户状态栏...

    JavaScript中Window对象的属性及事件

    Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准...

    JavaScrip文档对象模型(DOM).

    JavaScrip入门教程 文档对象模型(DOM)

    js获取iframe中的window对象的实现方法

    JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见 $(‘#ifr’)[0].contentWindow 和 document.getElementById(“ifr”) 是等价的 在看下面一种情况 var ifr1 = document....

    js对象层次• navigator •screen•window

    • window o history o location o frames[]; Frame o document  anchors[]; links[]; Link  applets[]  embeds[]  forms[]; Form  Button  Checkbox  elements[]; Element  Hidden ...

    JavaScript中的Document文档对象

    Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从&lt;head&gt;到&lt;/body&gt;的内容。 用法:document (当前...

    JavaScript浏览器对象之一Window对象详解

    document对象 表示浏览器中加载页面的文档对象; location对象包含了浏览器当前的URL信息; navigation对象 包含了浏览器本身的信息; screen对象 包含了客户端屏幕及渲染能力的信息; history对象 包含了浏览器访问...

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

    一个窗口下面可以有很多的document对象。每个document 都有 一个URL。 但是,这不是所有的区别。当你ctrl + F5 一个链接 http://yourhost.com/#fragment 打印 alert&#40;document.URL &#41;; 和 alert&#40;[removed...

    03 JavaScript内置对象与浏览器对象.ppt

    目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event

    javascript入门之window对象【新手必看】

    window :window对象是BOM中所有对象的核心,除了是BOM中所有对象的父对象外,还包含一些窗口控制函数。 1、全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性。 [removed] var name="撼地...

    javaScript对象

    5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()方法用于访问相同name属性的一组元素 7. Document.对象的getElementsByTagName()方法用于访问相同标签的一组元素:: ...

    JavaScript window.document的属性、方法和事件小结

    javascript中window.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 ...

    javascript常用对象梳理

    功能:window对象的子对象document是javascript的核心对象,在脚本中遇到 BODY元素时创建一个实例。 15. history属性 语法格式: window.history[数值] window.history.方法() window.history.属性 window...

Global site tag (gtag.js) - Google Analytics