脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-javascriptWindow及document对象详细整理,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
javascriptWindow及document对象详细整理。
注:页面上元素n
ame属性以及JavaScript引用的名称必须一致包括大小写否则会提示你1个错误信息 引用的元素为空
或者不是对象
一、Window对象 -------------------------------------------------- -------------------
对象属性
window //窗户自身
window.self //引用本窗户window=window.self
window.name //为窗户命名
window.
defaultstatus //设定窗户状态栏信息
window.location //
url地址,配备布置这个属性可以打开新的页面
-------------------------------------------------- -------------------
对象方法
window.alert("text") //提示信息会话框
window.confirm("text") //确认会话框
window.p
rompt("text") //要求键盘输入会话框
window.setIntervel("action",time) //每一隔指定的时间(毫秒)就执行一次操作
window.clearInterval() //清除时间配备布置作用就是终止轮回
window.setTimeout(action,time) //隔了指定的时间(毫秒)执行一次操作
window.o
PEn() //打开新的窗户
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.h
eight //屏幕高度
window.screen.colorDepth //屏幕色深
window.screen.av
ailWidth //可用宽度
window.screen.availHeight //可用高度(除去
任务栏的高度)
-------------------------------------------------- -------------------
window.external对象
window.external.Ad
DFavor
ITe("地址","标题" ) //把网站新增到保藏夹
-------------------------------------------------- -------------------
window.navigator对象
window.navigator.appCodeName //浏览器代码名
window.navigator.appName //浏览器步伐名
window.navigator.appMinorVersion //浏览器补钉版本
window.navigator.cpu
Class //cpu类型 x86
window.navigator.platform //操作体系类型 win32
window.navigator.plu
gins
window.navigator.ops
PRofile
window.navigator.userProfile
window.navigator.
Syste
MLanguage //客户体系语言 zh-cn
简体中文
window.navigator.userLanguage //用户语言,同上
window.navigator.ap
pversion //浏览器版本(包括 体系版本)
window.navigator.userAgent
window.navigator.onLine //用户否在线
window.navigator.cookieEnabled //浏览器
是否撑持cookie
window.navigator.mimeTypes
==================================================
二、document对象 对象属性:
document.title //设置文档标题等价于
HTML的 @H_
512_71@
document.body.bgColor //设置或获取对象后面的
背景颜色 document.body.link //未点击过的链接颜色
document.body.alink //激活链接(
焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置
...之间的文本
document.body.innerHTML //设置...之间的HTML代码
document.body.topM
argin //页面上
边距 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.se
Arch // ?号后的部分
常用对象事件
documeny.location.reload() //刷新网页
document.location.reload(URL) //打开新的网页
document.location.assign(URL) //打开新的网页
document.location.replace(URL) //打开新的网页
========================================================================
selection-
选区子对象
document.selection
========================================================================
images集合(页面中的图象):
----------------------------
a)通过集合引用
document.images //对应页面上的
标签
document.images.length //对应页面上
标签的个数
document.images[0] //第1个
标签
document.images[i] //第i-1个
标签
----------------------------
b)通过nane属性直接引用
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"
同时在页面上建立一个
标签与之对应就可以显示
----------------------------
示例代码(动态创建图象):
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
</script>
<script language="javascript">
oImage=document.caeateElement("
img")
oImage.src="1.jpg"
</script>
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
脚本宝典总结
以上是脚本宝典为你收集整理的javascript代码实例教程-javascriptWindow及document对象详细整理全部内容,希望文章能够帮你解决javascript代码实例教程-javascriptWindow及document对象详细整理所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。