javascript Window及document对象详细整理


Posted in Javascript onJanuary 12, 2011

一、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"
</script>

Javascript 相关文章推荐
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 Javascript
Javascript 面向对象(三)接口代码
May 23 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 Javascript
创建一个类Person的简单实例
May 17 Javascript
标准的js无缝滚动效果
Aug 30 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
了解javascript中let和var及const关键字的区别
May 24 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 Javascript
vue项目中微信登录的实现操作
Sep 08 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 #Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 #Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 #Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
Jan 11 #Javascript
javascript获取当前日期时间及其它操作函数
Jan 11 #Javascript
JavaScript中URL编码函数代码
Jan 11 #Javascript
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 #Javascript
You might like
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
2017/04/18 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
js实现简易聊天对话框
2017/08/17 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
python解决js文件utf-8编码乱码问题(推荐)
2018/05/02 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
在自动化中用python实现键盘操作的方法详解
2019/07/19 Python
Python3标准库之dbm UNIX键-值数据库问题
2020/03/24 Python
Python 里最强的地图绘制神器
2021/03/01 Python
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
主要的Ajax框架都有什么
2013/11/14 面试题
开学典礼主持词
2014/03/19 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
美国留学经济担保书
2014/05/20 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL