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 属性所表示的已访问连接颜色。
分享到:
相关推荐
js document对象 window对象
JavaScript的document和window对象详解
document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 所有的...
每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性: 属性 说明 document 对话框中显示...
JavaScript的document对象和window对象详解,js经常用得到的知识,了解下。
一、Window对象 ————————————————– ——————- 对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultStatus //设定窗户状态栏...
Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准...
JavaScrip入门教程 文档对象模型(DOM)
JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见 $(‘#ifr’)[0].contentWindow 和 document.getElementById(“ifr”) 是等价的 在看下面一种情况 var ifr1 = document....
• window o history o location o frames[]; Frame o document anchors[]; links[]; Link applets[] embeds[] forms[]; Form Button Checkbox elements[]; Element Hidden ...
Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从<head>到</body>的内容。 用法:document (当前...
document对象 表示浏览器中加载页面的文档对象; location对象包含了浏览器当前的URL信息; navigation对象 包含了浏览器本身的信息; screen对象 包含了客户端屏幕及渲染能力的信息; history对象 包含了浏览器访问...
一个窗口下面可以有很多的document对象。每个document 都有 一个URL。 但是,这不是所有的区别。当你ctrl + F5 一个链接 http://yourhost.com/#fragment 打印 alert(document.URL ); 和 alert([removed...
目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event
window :window对象是BOM中所有对象的核心,除了是BOM中所有对象的父对象外,还包含一些窗口控制函数。 1、全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性。 [removed] var name="撼地...
5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()方法用于访问相同name属性的一组元素 7. Document.对象的getElementsByTagName()方法用于访问相同标签的一组元素:: ...
javascript中window.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 ...
功能:window对象的子对象document是javascript的核心对象,在脚本中遇到 BODY元素时创建一个实例。 15. history属性 语法格式: window.history[数值] window.history.方法() window.history.属性 window...