注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写
否则会提示你1个错误信息 "引用的元素为空或者不是对象"
一、Window对象
-------------------------------------------------- -------------------
对象属性
window //窗户自身
window.self //引用本窗户window=window.self
window.name //为窗户命名
window.defaultStatus //设定窗户状态栏信息
window.location //URL地址，配备布置这个属性可以打开新的页面
-------------------------------------------------- -------------------
对象方法
window.alert("text") //提示信息会话框
window.confirm("text") //确认会话框
window.prompt("text") //要求键盘输入会话框
window.setIntervel("action",time) //每一隔指定的时间(毫秒)就执行一次操作
window.clearInterval() //清除时间配备布置作用就是终止轮回
window.setTimeout(action,time) //隔了指定的时间(毫秒)执行一次操作
window.open() //打开新的窗户
window.close() //关闭窗户
-------------------------------------------------- -------------------
成员对象
window.event
window.document //见document对象详解
window.history
window.screen
window.navigator
window.external
-------------------------------------------------- -------------------
window.history对象
window.history.length //浏览过的页面数
history.back() //撤退退却
history.forward() //进步
history.go(i) //前进或头退到历史记录的第i个页面
//i>0进步,i<0撤退退却
-------------------------------------------------- -------------------
window.screen对象
window.screen.width //屏幕宽度
window.screen.height //屏幕高度
window.screen.colorDepth //屏幕色深
window.screen.availWidth //可用宽度
window.screen.availHeight //可用高度(除去任务栏的高度)
-------------------------------------------------- -------------------
window.external对象
window.external.AddFavorite("地址","标题" ) //把网站新增到保藏夹
-------------------------------------------------- -------------------
window.navigator对象
window.navigator.appCodeName //浏览器代码名
window.navigator.appName //浏览器步伐名
window.navigator.appMinorVersion //浏览器补钉版本
window.navigator.cpuClass //cpu类型 x86
window.navigator.platform //操作体系类型 win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage //客户体系语言 zh-cn简体中文
window.navigator.userLanguage //用户语言,同上
window.navigator.appVersion //浏览器版本(包括 体系版本)
window.navigator.userAgent
window.navigator.onLine //用户否在线
window.navigator.cookieEnabled //浏览器是否撑持cookie
window.navigator.mimeTypes
==================================================
二、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
----------------------------
常用对象方法
document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个html标签对象
document.getElementById(ID) //获得指定ID值的对象
document.getElementsByName(Name) //获得指定Name值的对象
document.body.appendChild(oTag)
body-主体子对象
document.body //指定文档主体的开始和结束等价于<body></body>
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置<body>...</body>之间的文本
document.body.innerHTML //设置<body>...</body>之间的HTML代码
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片
document.body.appendChild(oTag) //动态生成一个HTML对象
常用对象事件
document.body.onclick="func()" //鼠标指针单击对象是触发
document.body.onmouseover="func()" //鼠标指针移到对象时触发
document.body.onmouseout="func()" //鼠标指针移出对象时触发
location-位置子对象
document.location.hash // #号后的部分
document.location.host // 域名+端口号
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.location.search // ?号后的部分
常用对象事件
documeny.location.reload() //刷新网页
document.location.reload(URL) //打开新的网页
document.location.assign(URL) //打开新的网页
document.location.replace(URL) //打开新的网页
========================================================================
selection-选区子对象
document.selection
========================================================================
images集合(页面中的图象):
----------------------------
a)通过集合引用
document.images //对应页面上的<img>标签
document.images.length //对应页面上<img>标签的个数
document.images[0] //第1个<img>标签
document.images[i] //第i-1个<img>标签
----------------------------
b)通过nane属性直接引用
<img name="oImage">
document.images.oImage //document.images.name属性
----------------------------
c)引用图片的src属性
document.images.oImage.src //document.images.name属性.src
----------------------------
d)创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
同时在页面上建立一个<img>标签与之对应就可以显示
----------------------------
示例代码(动态创建图象)：
<html>
<img name=oImage>
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
</script>
</html>
<html>
<script language="javascript">
oImage=document.caeateElement("IMG")
oImage.src="1.jpg"
相关推荐
总的来说，理解和熟练运用Window及Document对象是JavaScript开发者的基本功，它们是实现动态网页和交互式用户体验的关键工具。通过这两个对象，你可以控制浏览器的行为，操作网页内容，并与用户进行交互。
document对象和window对象是JavaScript中最为重要的内置对象，它们是网页交互的核心。document对象代表了整个HTML文档，而window对象则代表了浏览器窗口本身。理解这两个对象可以帮助开发者实现动态网页内容的更新、...
JavaScript中的`document`和`window`对象是两个非常核心的概念，它们在网页脚本中扮演着重要的角色。本文将深入探讨这两个对象的区别、用途以及它们的相关属性和方法。 首先，`window`对象是JavaScript的全局对象，...
首先，document对象是window对象的一个属性，它代表了当前浏览器窗口中的文档内容。在document对象中，包含了大量的属性和方法，用于获取和操作HTML元素。比如，我们可以使用document.location来获取当前文档的URL...
JS 中的 document 对象和 window 对象 在 JavaScript 中，document 对象和 window 对象是两个非常重要的对象，它们都是 Window 对象的属性，用于描述当前显示的文档和浏览器窗口。 document 对象 document 对象是...
#### Document对象 在JavaScript中，`document`对象是`window`和`frames`对象的一个属性，它表示显示在窗口或框架内的HTML文档。通过这个对象，开发者能够访问和操作网页上的各种元素，实现动态网页效果。 ##### ...
它属于浏览器的`window`对象的一个属性，可以通过`window.document`或者直接使用`document`来访问。`document`对象允许JavaScript开发者动态地访问并更新网页的内容、结构以及样式。 #### 二、Document 对象的属性 ...
一、Window对象概述 Window对象可以用来打开浏览器，调整浏览器的位置、大小等等功能。 Window对象可以处理框架和框架之间的关系，通过这种关系在一个框架中处理另一个框架中的文档。他也是所有对象的顶级对象，通过...
Window对象在JavaScript中是浏览器全局对象，它代表了浏览器的一个窗口或者一个框架。在这个窗口中，我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心，它包含了与...
- **文档容器**：`Window`对象可以访问当前窗口中的文档对象（`document`）。 - **事件处理**：它可以接收事件，并且拥有处理这些事件的方法。 - **弹出新窗口**：通过`Window.open()`方法创建新的浏览器窗口。 ###...
`window`对象还有一个特别的属性——`window.document`，它提供了与HTML文档交互的方法和属性，如`document.getElementById()`用于查找ID匹配的元素，`document.createElement()`用于创建新的HTML元素，以及`...
### JavaScript中的Document对象技术汇总 在JavaScript编程语言中，`Document`对象是浏览器提供的核心对象之一，它代表了当前加载的HTML文档，并提供了多种方法和属性来操作网页内容。通过`Document`对象，开发者...
在JavaScript的世界里，`window`对象是全局对象，它提供了与浏览器窗口进行交互的各种方法和属性。本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念，同时通过两...
这里，`#myframe`是`iframe`的ID，`prop('contentWindow')`返回的是`iframe`的窗口对象，而`window`对象在JavaScript中包含了`document`属性，所以通过`.document`可以获取到`iframe`内部的`document`对象。...
根据提供的文件信息，这是一篇关于JavaScript中的window对象及其方法的文档。window对象是Web浏览器中的一个全局对象，它代表了浏览器窗口本身，是JavaScript中的最顶级对象。以下是关于window对象及其相关方法的...
3. **浏览器对象**：例如`window`、`location`、`history`和`navigator`等，用于访问和控制浏览器的各种功能。 4. **文档对象**：如`document`、`images`、`form`等，用于操作文档中的各种元素。 #### DOM与BOM的...
### Window及相关顶级对象 #### 7.1 顶级对象模型参考 在JavaScript中，顶级对象模型扮演着核心角色，尤其对于浏览器环境来说更是如此。顶级对象主要包括`Window`、`Frames`、`Navigator`、`Screen`、`History`、`...