標籤:開啟 關閉視窗 pre cat 好的 迴圈 儲存 通過 rip
DOM:文件物件模型
文檔:標籤文檔、網頁
對象:文檔中每個元素對象
模型:抽象化的東西 操作頁面裡邊的所有內容,把每個內容看做對象
事件:預先設定好的程式,當滿足沒某個特定的條件的時候觸發。
<body><input type="button" value="點擊" onClick="dianJi()"/> onclick後邊的內容是調用了一個方法,寫這個方法的時候要加上括弧 </body><script>function dianJi(){window.open("http://www.baidu.com","_blank","toolbar=no")}</script>
window對象:瀏覽器外層的(地址、前進、後退等)表單對象。
document對象:網頁的內容
opener:開啟擋圈視窗的源視窗
window.open(第一部分,第二部分,第三部分,第四部分)
第一部分:寫要開啟的頁面的地址;
第二部分:開啟的方式,blank 是在新的視窗開啟、self 在自身開啟
第三部分:控制開啟的視窗,可以寫多個,用空格隔開
toolbar=no新開啟的視窗無工具條
menubar=no 沒有功能表列 status=no沒有狀態列
width=100 height=100 視窗的寬度、高度
location=yes 有地址欄
window.open("http://www.baidu.com","_blank","toolbar=no"); 在一個新視窗中開啟百度。
開啟視窗,並儲存在一個變數中可以設定 只開啟視窗一次,例子如下:
body><input type="button" value="點擊" onClick="dianJi()"/> </body><script>var w; 變數w用來儲存開啟的視窗function dianJi(){/*if(w==null){*/w=window.open("http://www.baidu.com","_blank","toolbar=no")}</script>
關閉視窗
w.close();
<body><input type="button" value="點擊" onClick="dianJi()"/> <input type="button" value="點擊2" onClick="guanBi()"/></body><script>var w=new Array();function dianJi(){/*if(w==null){*/w.push(window.open("http://www.baidu.com","_blank","toolbar=no"))}function guanBi(){for(var i=0;i<w.length;i++){w[i].close();}}</script>
間隔、延遲
間隔:每隔一段時間執行一次。window.setInterval("要執行的代碼",間隔的毫秒數) ; 清除;window.clearInterval(間隔的id); 迴圈一次之後用來清除隔幾秒執行的代碼
延遲:延遲一段時間在執行,只會執行一次.window.setTimeout("要執行的代碼",延遲的毫秒數) 清除:window.clearTimeout(延遲的id);清除setTimeout,一般順延強制較為常用。
window.setInterval("show()",2000);function show(){alert("hello")}
<input type="button" value="點擊" onClick="dianJi()"/> <input type="button" value="點擊2" onClick="guanBi()"/></body><script>function show(){alert("kaishile")}var id;function dianJi(){ id=window.setInterval("show()",1000)}function guanBi(){ window.clearInterval(id)}</script>
用延遲做間隔的效果:
function show(){ alert("yixiaxia") window.setTimeout("show()",1000)} show();
window.moveTo(x,y); 移動頁面
window.resizeTo(寬,高); 調整頁面
window.scrollTo(x,y);滾動頁面至哪裡
window.showModalDialog("url","向目標對話方塊傳的值","視窗特徵參數") 開啟模態對話方塊
模態對話方塊必須關掉才能對後端操作。 模組對話方塊和視窗的區別是永遠置頂。
特徵參數:用分號隔開,像素大小用px。dialogHeight,dialogWidth,center,等
window.showModelessDialog("url","向目標對話方塊傳的值","視窗特徵參數")開啟非模組對話方塊,不用關閉可以操作後面。
記錄,通過記錄可以操作頁面前進或者後退
window.history.back();後退
window.history.forward();前進
window.history.go(n); n是正數代表前進n個頁面,n是負數代表後退n個頁面。* 可以代替前進後退
var s = window.location.href;擷取當前頁面的地址
window.location.href="http://www.baidu.com";修改頁面地址,會跳轉頁面 *******
window.location.hostname: 主機名稱,網域名稱,網站名,可用變數接收
window.location.pathname: 路徑名,可用變數接收
JavaScript對象(window)