浏览器对象模型BOM
一、窗口操作:
1.move by(x,y)--把浏览器窗口相对当前位置水平移动,x个像素,锤子方向移动y个像素 。
例如:window.moveBy(10,20)
2.move to(x ,y)移动浏览器窗口,使它的左上角位于用户屏幕(X,Y),可以使用负数,
例如:window.moveTO(10,20)
3.resizeBy(x,y)相对于浏览器的当前大小,把它的宽度高度分别调整X,Y个像素,如果X,Y为负数就是缩小浏览器大小。
例如:window.resizeBy(10,20)
4.resizeTo(x,y)把窗口的宽度,高度调整为X ,Y不能为负数。
二、
1.窗口移动针对原来位置移动(只是针对IE)
例如:
window.οnlοad=function(){
var btn=document.getElementById("btn")
btn.οnclick=function(){
window.moveBy(50,100);
}
}
<input type=button value=btn id="btn">
2.move to:将窗口移动到
例如:
window.οnlοad=function(){
var btn=document.getElementById("btn")
btn.οnclick=function(){
window.moveTo(50,100);
}
}
<input type=button value=btn id="btn">
3.父子窗口传递值
window.οnlοad=function() {
var btn1 = document.getElementById("btn1");
btn1.onclick = function(){
window.open ("yyy.html","","width=400px,height=400px");
}
};
<input type="button" value="选择" id="btn1">
<input type="button" value="guanbi" id="btn2">
子窗口1:
window.οnlοad=function(){
var forward=document.getElementById("forward");
forward.οnclick=function(){
history.forward();
};back.οnclick=function(){
history.go(-1);
}
}
<a href="2.html">页面1</a>
<input type="button" value="前进"id="forward" >
<input type="button" value="后退"id="back" >
子窗口2:
window.οnlοad=function(){
var back=document.getElementById("back");
back.onclick = function(){
history.go(-1);
}
}
<a href="3.html">页面2</a>
<input type="button" value="前进"id="forward" >
<input type="button" value="后退"id="back" >
4.页面跳转history:
<a href="3.html">页面2</a>
<input type="button" value="前进"id="forward" >
<input type="button" value="后退"id="back" >
var i=5;
var run=function(){
console.log(i);i--;
if(i==0){
location.assign("1.html")
}
};
var times=window.setInterval(run,1000);*/
window.open("2.html");
一、窗口操作:
1.move by(x,y)--把浏览器窗口相对当前位置水平移动,x个像素,锤子方向移动y个像素 。
例如:window.moveBy(10,20)
2.move to(x ,y)移动浏览器窗口,使它的左上角位于用户屏幕(X,Y),可以使用负数,
例如:window.moveTO(10,20)
3.resizeBy(x,y)相对于浏览器的当前大小,把它的宽度高度分别调整X,Y个像素,如果X,Y为负数就是缩小浏览器大小。
例如:window.resizeBy(10,20)
4.resizeTo(x,y)把窗口的宽度,高度调整为X ,Y不能为负数。
二、
1.窗口移动针对原来位置移动(只是针对IE)
例如:
window.οnlοad=function(){
var btn=document.getElementById("btn")
btn.οnclick=function(){
window.moveBy(50,100);
}
}
<input type=button value=btn id="btn">
2.move to:将窗口移动到
例如:
window.οnlοad=function(){
var btn=document.getElementById("btn")
btn.οnclick=function(){
window.moveTo(50,100);
}
}
<input type=button value=btn id="btn">
3.父子窗口传递值
window.οnlοad=function() {
var btn1 = document.getElementById("btn1");
btn1.onclick = function(){
window.open ("yyy.html","","width=400px,height=400px");
}
};
<input type="button" value="选择" id="btn1">
<input type="button" value="guanbi" id="btn2">
子窗口1:
window.οnlοad=function(){
var forward=document.getElementById("forward");
forward.οnclick=function(){
history.forward();
};back.οnclick=function(){
history.go(-1);
}
}
<a href="2.html">页面1</a>
<input type="button" value="前进"id="forward" >
<input type="button" value="后退"id="back" >
子窗口2:
window.οnlοad=function(){
var back=document.getElementById("back");
back.onclick = function(){
history.go(-1);
}
}
<a href="3.html">页面2</a>
<input type="button" value="前进"id="forward" >
<input type="button" value="后退"id="back" >
4.页面跳转history:
<a href="3.html">页面2</a>
<input type="button" value="前进"id="forward" >
<input type="button" value="后退"id="back" >
var i=5;
var run=function(){
console.log(i);i--;
if(i==0){
location.assign("1.html")
}
};
var times=window.setInterval(run,1000);*/
window.open("2.html");