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 相关文章推荐
Javascript中的var_dump函数实现代码
Sep 07 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
javascript之Partial Application学习
Jan 10 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
PHP制作百度词典查词采集器
2015/01/29 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
js几个验证函数代码
2010/03/25 Javascript
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
JS实现图片预加载无需等待
2012/12/21 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
深入理解React高阶组件
2017/09/28 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
代码实例ajax实现点击加载更多数据图片
2018/10/12 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
英语故事演讲稿
2014/04/29 职场文书
学生打架检讨书
2014/10/20 职场文书
2015年教研员工作总结
2015/05/26 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
年中了,该如何写好个人述职报告?
2019/07/02 职场文书
SQL Server中搜索特定的对象
2022/05/25 SQL Server
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript