javascript中关于窗口相关函数

时间:2021-09-08 14:56:48

第一次使用window.moveBy(offX,offY)发现总是不生效,去MDN查询,发现这几个函数还是支持的,但是原话是

You can’t move a window or tab that wasn’t created by window.open.

大致意思是只能在window.open打开的窗口使用相关函数;
可以参考下面的例子:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript中关于窗口相关函数</title>
</head>
<body>
<script> var w=window.open('','', 'width=100,height=100'); w.resizeTo(300,300); var loop = 0; var timer; var offX; var offY; var status = 1; timer = setInterval(function(){ w.moveTo(100,100); if(loop>60){ clearInterval(timer); setTimeout(function(){ w.close() },1000); } status = Math.random()*10 > 5 ? 1 : -1; offX = Math.random()*15*status; offY = Math.random()*15*status*-1; w.moveBy(offX,offY); loop++; },10); </script>
</body>
</html>

参考:
《JavaScript基础与案例开发》 清华大学出版社 于坤等编著
HTML DOM resizeTo() 方法http://www.w3school.com.cn/jsref/met_win_resizeto.asp
HTML DOM resizeBy() 方法http://www.w3school.com.cn/jsref/met_win_resizeby.asp
HTML DOM moveTo() 方法http://www.w3school.com.cn/jsref/met_win_moveto.asp
HTML DOM moveBy() 方法http://www.w3school.com.cn/jsref/met_win_moveby.asp