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 相关文章推荐
jquery 学习之一 对象访问
Nov 23 Javascript
那些年,我还在学习jquery 学习笔记
Mar 05 Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 Javascript
手机平板等移动端适配跳转URL的js代码
Jan 25 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
assert()函数用法总结(推荐)
Jan 25 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
基于iview-admin实现动态路由的示例代码
Oct 02 Javascript
JavaScript中的相等操作符使用详解
Dec 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+ajax 无刷新删除数据
2010/02/20 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
PHP基于SPL实现的迭代器模式示例
2018/04/22 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
js中window.open的参数及注意注意事项
2016/07/06 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
Angular学习笔记之集成三方UI框架、控件的示例
2018/03/23 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
python实现扫雷小游戏
2020/04/24 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
用python绘制樱花树
2020/10/09 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
使用HTML5进行SVG矢量图形绘制的入门教程
2016/02/19 HTML / CSS
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
个人评语大全
2014/05/04 职场文书
同事打架检讨书
2015/05/06 职场文书
用电申请报告范文
2015/05/18 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书