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 相关文章推荐
TopList标签和JavaScript结合两例
Aug 12 Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
Mar 23 Javascript
vue.js开发环境搭建教程
May 04 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
基于node+vue实现简单的WebSocket聊天功能
Feb 01 Javascript
node.js通过url读取文件
Oct 16 Javascript
Vue select 绑定动态变量的实例讲解
Oct 22 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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
JavaScript获取/更改文本框的值的实例代码
2013/08/02 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
js实现音频控制进度条功能
2017/04/01 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
2019/11/13 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
js在HTML的三种引用方式详解
2020/08/29 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
Python工厂函数用法实例分析
2018/05/14 Python
Python networkx包的实现
2020/02/14 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
CSS3实现可爱的小黄人动画
2016/07/11 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
团支书的期末学习总结自我评价
2013/11/01 职场文书
电工工作职责范本
2014/02/22 职场文书
世界气象日活动总结
2015/02/27 职场文书
法律意见书范文
2015/05/20 职场文书
八年级语文教学反思
2016/03/03 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
MySQL时区造成时差问题
2022/04/13 MySQL