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 相关文章推荐
快速排序 php与javascript的不同之处
Feb 22 Javascript
基于JQuery实现异步刷新的代码(转载)
Mar 29 Javascript
JS获取几种URL地址的方法小结
Feb 26 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
Angular5集成eventbus的示例代码
Jul 19 Javascript
vue项目中引入vue-datepicker插件的详解
May 14 Javascript
Django+Vue实现WebSocket连接的示例代码
May 28 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
Jul 09 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
php curl选项列表(超详细)
2013/07/01 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
2015/08/25 Javascript
Node.js编写组件的三种实现方式
2016/02/25 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
Bootstrap表单布局
2016/07/19 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
js编写选项卡效果
2017/05/23 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
python Flask实现restful api service
2017/12/04 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Python内存管理实例分析
2019/07/10 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
美国宠物美容和宠物用品购物网站:Cherrybrook
2018/12/07 全球购物
介绍下Java中==和equals的区别
2013/09/01 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
创业计划书如何吸引他人眼球
2014/01/10 职场文书
电子邮箱格式怎么写
2014/01/12 职场文书
上课玩手机检讨书
2014/02/08 职场文书
授权委托书
2015/01/28 职场文书
2015年九一八事变纪念日演讲稿
2015/03/19 职场文书
文明礼貌主题班会
2015/08/14 职场文书
利用Python实时获取steam特惠游戏数据
2022/06/25 Python