javascript浏览器对象模型-windwo对象
BOM Browser Object Model
window对象 是BOM中所有对象的核心。
一、属性
1.(位置类型-获得浏览器的位置)
IE:
window.screenLeft
可以获得浏览器距屏幕左上角的左边距
window.screenTop
可以获得浏览器距屏幕左上角的上边距
//IE
//左边距
//alert(screenLeft)
//上边距
//alert(screenTop)
FF:
alert(screenX)
alert(screenY)
//FF
//左边距
// alert(screenX)
//上边距
// alert(screenY)
(获得浏览器的尺寸)
FF:window.innerWidth 获得窗口的宽度
window.innerHeight 获得窗口的高度
//获取浏览器的尺寸 //FF:
//alert(window.innerWidth);
//alert(window.innerHeight); //IE和FF通用:
alert(document.documentElement.clientWidth)
alert(document.documentElement.clientHeight)
2.关系类型
A.parent返回父窗口
B.top 返回顶层窗口
C.self===window 相当于window
3.stutas 设置窗口状态栏的文本
window.status="自定义的状态栏文字"
二、方法
1.窗体控制
A.对窗体的移动
window.moveBy(x,y) 相对于当前位置沿着X\Y轴移动指定的像素,如负数是反方向
moveTo(x,y) 相对于浏览器的左上角沿着X\Y轴移动到指定的像素,如负数是反方向
//位置
moveBy(100,100);
//moveTo(200,200)
B.窗体尺寸的改变
resizeBy(x,y) 相对于当前窗体的大小,调整宽度和高度
resizeTo(x,y) 把窗体调整为指定宽度和高度
//尺寸
window.resizeBy(100,100)
resizeTo(400,400)
2.对窗体滚动条的控制
scrollBy(x,y) 相对于当前滚动条的位置移动的像素(前提有滚动条)
scrollTo(x,y) 相对于当前窗口的高度或宽度,移动到指定的像素
//scrollBy(0,100)
//scrollTo(0,200)
3.时间间隔的函数
setInterval("函数或者代码串",指定的时间(毫秒)) 按照指定的周期(毫秒)不断的执行函 数或是代码串
// setInterval("函数或者代码串",指定的时间(毫秒)) 按照指定的周期(毫秒)不断的执行函 数或是代码串 //第一种调用方式
// setInterval("alert('后盾网')",1000);\
// var i=0
// setInterval(changes,1000)
// function changes () {
// alert(i)
// i++
// } //第二种调用方式
//var a=0;
//setInterval(function () {
// alert(a);
// a++
//},1000) //第三种调用方式
//var i=0;
// setInterval("changes(0)",1000)
// function changes (i) {
// alert(i)
// i++
// }
clearInterval()
//停止调用 window.onload=function () {
var t=setInterval('alert("后盾网")',5000)
var aa=document.getElementById("stop");
aa.onclick=function () {
clearInterval(t)
}
}
<input type="button" value="停止" id="stop">
setTimeout("函数或者代码串",指定的时间(毫秒)) 在指定的毫秒数后只执行一次函数或代码。
clearTimeout()
window.onload=function () {
var aa =setTimeout("alert('bbs.houdunwang.com')",5000)
var bb=document.getElementById("stop");
bb.onclick=function () {
clearTimeout(aa)
}
}
4.打开新的窗口
open(url,name,feafurse,replace) 通过脚本打开新的窗口
window.onload=function () {
var names=document.getElementById("names");
var but=document.getElementById("but");
but.onclick=function () {
open("26.1.html","windows","status=0,menubar=0,toolbar=0")
} }