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 相关文章推荐
Js组件的一些写法
Sep 10 Javascript
JqGrid web打印实现代码
May 31 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
简单实现JS上传图片预览功能
Apr 14 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
Feb 27 Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 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 ImageMagick windows下安装教程
2015/01/26 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
JS 控制小数位数的实现代码
2011/08/02 Javascript
jQuery 快速结束当前正在执行的动画
2013/11/20 Javascript
原生JS和JQuery动态添加、删除表格行的方法
2015/05/28 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
布同自制Python函数帮助查询小工具
2011/03/13 Python
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
python中zip和unzip数据的方法
2015/05/27 Python
Python中文字符串截取问题
2015/06/15 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
Django  ORM 练习题及答案
2019/07/19 Python
使用python+whoosh实现全文检索
2019/12/09 Python
Python while true实现爬虫定时任务
2020/06/08 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
C#笔试题和英文面试题
2013/02/07 面试题
英文翻译的自我评价语句
2013/10/04 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
孔庙导游词
2015/02/04 职场文书
员工自我评价范文
2015/03/11 职场文书
详解Redis主从复制实践
2021/05/19 Redis
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js
最新动漫情报:2022年7月新番定档超过30部, OVERLORD骨王第四季也在其中噢
2022/05/04 日漫