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宝典学习笔记(上)
Jan 10 Javascript
模仿jQuery each函数的链式调用
Jul 22 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
Sep 22 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
JS创建对象几种不同方法详解
Mar 01 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
js中DOM事件绑定分析
Mar 18 Javascript
微信小程序登录session的使用
Mar 17 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
各种战术和打法的原创者
2020/03/04 星际争霸
网站当前的在线人数
2006/10/09 PHP
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
php入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
XML的代替者----JSON
2007/07/21 Javascript
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
Javascript基础教程之数组 array
2015/01/18 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
angularJS开发注意事项
2018/05/26 Javascript
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
收藏整理的一些Python常用方法和技巧
2015/05/18 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
python测试mysql写入性能完整实例
2018/01/18 Python
python 遍历目录(包括子目录)下所有文件的实例
2018/07/11 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
pyqt5中QThread在使用时出现重复emit的实例
2019/06/21 Python
python保存log日志,实现用log日志画图
2019/12/24 Python
linux面试题参考答案(7)
2012/10/29 面试题
商务英语专业自荐信
2013/10/14 职场文书
小学教学随笔感言
2014/02/26 职场文书
建议书标准格式
2014/03/12 职场文书
婚礼主持词
2014/03/13 职场文书
保管员岗位职责
2015/02/14 职场文书
党支部半年考察意见
2015/06/01 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers