Window对象的常见的方法
open() 方法 作用是打开一个新窗口
open(“新的地址URL”,”弹出新的窗口的名字”,“窗口的特征描述”)
注意:窗口的特征描述 是一个字符串,每一个特征用”,”隔开
window 还有一些子对象
document ==> window.document
location ==> window.location
比如:location.href=”要跳转的地址”;
history历史
history.back() 后退
history.go()
go(数字) 数字代表要前进的步数
-1 表示后退,和history.back()作用一样
注意
setTimeout(“要执行的函数名”,”延迟的时间”) 延迟一段时间执行一次
setInterval(“要执行的函数名“,”间隔的时间”) 每隔一段时间执行一次
setTimeout我们经常放到函数里面,达到每延迟一段时间执行一次
例如:
function aaa(){
setTimeout(“aaa()”,1000);
}
实现多张图片的浮动代码
关键部分
<script>
var imgs = document.images;
//var xSpeed=3, ySpeed=3; //x,y轴方向上的偏移量
//var x = 0, y = 0; //用于保存图像的坐标位置
var xSpeed = new Array(), ySpeed = new Array(), x = new Array(), y = new Array();
for(var i=0;i<imgs.length;i++){
xSpeed[i] = 3; ySpeed[i] = 3;
x[i] = i*15; y[i] = i*15;
}
var w = document.documentElement.clientWidth-110, h = document.documentElement.clientHeight-85;
function float(){
for(var i=0;i<imgs.length;i++){
if(x[i]>w || x[i]<0) xSpeed[i] = -xSpeed[i]; //如果图像已经超出边界,就将相应的偏移量取反
if(y[i]>h || y[i]<0) ySpeed[i] = -ySpeed[i];
x[i] += xSpeed[i]; //计算新的位置
y[i] += ySpeed[i];
imgs[i].style.left = x[i] + "px"; //重新设置给图片
imgs[i].style.top = y[i] + "px";
}
a = setTimeout(float, 40); //clearTimeout(a);
}
float();
//setInterval(float, 40) //每隔40毫秒设置一次位置
</script>