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控制css中的float的代码
Aug 16 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
浅析Vue.js 中的条件渲染指令
Nov 19 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
Vue侦测相关api的实现方法
May 22 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 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 header示例代码(推荐)
2010/09/08 PHP
php 启动报错如何解决
2014/01/17 PHP
php+mysql不用递归实现的无限级分类实例(非递归)
2014/07/08 PHP
smarty模板引擎之配置文件数据和保留数据
2015/03/30 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
Perl Substr()函数及函数的应用
2015/12/16 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
获取当前按钮或者html的ID名称实例(推荐)
2017/06/23 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
使用python实现BLAST
2018/02/12 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Python 中如何写注释
2020/08/28 Python
python用700行代码实现http客户端
2021/01/14 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
Html5 web本地存储实例详解
2016/07/28 HTML / CSS
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
中医药大学市场营销专业自荐信
2013/09/29 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
清洁工工作总结
2015/08/11 职场文书
高三化学教学反思
2016/02/22 职场文书
区域销售大会开幕词
2016/03/04 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书