javascript之window物件
阿新 • • 發佈：2018-11-23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> /* javascript組成部分： EMCAScript（基本語法） BOM( Browser Object MOdel) 瀏覽器物件模型. 瀏覽器物件模型中把瀏覽器 的各個部分都是用了一個物件進行描述，如果我們要 操作瀏覽器的一些屬性，我就可以通過瀏覽器物件模型 的物件進行操作。 window 代表了一個新開的視窗 location 代表了位址列物件。 screen 代表了整個螢幕的物件 window物件常用的方法： open() 開啟一個新的視窗。 resizeTo() 將視窗的大小更改為指定的寬度和高度值。 moveBy() 相對於原來的視窗移動指定的x、y值。 moveTo() 將視窗左上角的螢幕位置移動到指定的 x 和 y 位置。 setInterval() 每經過指定毫秒值後就會執行指定的程式碼。 clearInterval() 根據一個任務的ID取消的定時任務。 setTimeout() 經過指定毫秒值後執行指定 的程式碼一次。 注意： 使用window物件的任何屬性與方法都可以省略window物件不寫的。*/ function showAd(){ open("ad.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px"); } setTimeout("showAd()",2000); //var id = window.setInterval("showAd()",2000); function small(){ resizeTo(300,200); //相對於原本視窗改變指定的大小。 } functionmove(){ for(var i = 0 ; i<100 ; i++){ window.moveBy(50,0); // 相對於原來的視窗移動指定的x、y值。 moveBy(0,50); window.moveBy(-50,0); window.moveBy(0,-50); } } function move2(){ window.moveTo(500,200); } /* function clearTest(){ window.clearInterval(id); }*/ </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> </head> <body> <input type="button" onclick="showAd()" value="下載電影"/> <input type="button" onclick="small()" value="變小"/> <input type="button" onclick="move()" value="moveBy"/> <input type="button" onclick="move2()" value="moveTo"/> <input type="button" onclick="clearTest()" value="取消定時任務"/> </body> </html>