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 相关文章推荐
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
Oct 18 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
提高Node.js性能的应用技巧分享
Aug 10 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
解决vue-cli3 使用子目录部署问题
Jul 19 Javascript
Vue移动端实现图片上传及超过1M压缩上传
Dec 23 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实现框架(一)
2006/10/09 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
深入理解PHP内核(一)
2015/11/10 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
vue单页应用中如何使用jquery的方法示例
2017/07/27 jQuery
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
Python简单操作sqlite3的方法示例
2017/03/22 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
学习和使用python的13个理由
2019/07/30 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
华润集团网上药店:健一网
2016/09/19 全球购物
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
渡河少年教学反思
2014/02/12 职场文书
微信营销策划方案
2014/02/24 职场文书
《锄禾》教学反思
2014/04/08 职场文书
新农村建设标语
2014/06/24 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
学校开学标语
2014/10/06 职场文书
因个人原因离职的辞职信范文
2015/05/12 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
js之ajax文件上传
2021/05/13 Javascript
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python