JavaScript對象(window)

來源:互聯網
上載者:User

標籤:開啟   關閉視窗   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)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.