<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ?? BOM是Browser Object Model的縮寫,即瀏覽器對象模型,提供了獨立于網頁內容和瀏覽器窗口之間進行交互的APi。API由若干對象組成,由于瀏覽器是Javascript的宿主,因此,這些對象也稱為宿主對象。 ## 一、定時器--間隔調用和延遲調用 ?? 1、setInterval()和clearInterval()方法實現間隔調用(循壞調用) ???????? setInterval(code,millisec[,"lang"]):按照指定的周期(以毫秒計)來調用函數或計算表達式,直到 clearInterval() 被調用或窗口被關閉。返回一個可以傳遞給 Window.clearInterval() 從而取消對 code 的周期性執行的值。 ????????? code:必須,要調用的函數或要執行的代碼串。調用函數傳入函數名或者創建匿名函數。 ????????? millisec:必須,間隔調用的時間,以毫秒為單位。 ????????? lang:可選,用于定義傳遞給函數的任意數量的參數。 ????????? 若要用clearInterval()方法取消setInterval()方法調用,就必須將setInterval的返回值賦給一個變量給clearInterval調用。 ~~~ <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css"> #div1 { width: 150px; height: 125px; border: 1px dashed #ccc; } </style> </head> <body> <div id="div1"> </div> <button onclick="javascript:clearInterval(cancel)"> Stop interval</button> <script type="text/javascript"> var iCount = 0; var text = "setInterval()函數正在運行..."; var divText = ""; var oDiv = document.getElementById("div1"); function print () { divText += text[iCount]; oDiv.innerHTML = divText; iCount++; } var cancel = setInterval(print,1000); </script> </body> </html> ~~~ 結果: ![](https://box.kancloud.cn/2016-08-30_57c54ec964d1b.jpg) ![](https://box.kancloud.cn/2016-08-30_57c54ec97721d.jpg) ?? 2、setTimeout()和clearTimeout()方法實現延遲調用 ???????? setTimeout(code,millisec):用于在指定的毫秒數后調用函數或計算表達式,只執行 code 一次,不循環調用,如果要多次調用,請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。參數同setInterval。 ???????? 若要用clearTimeout()方法取消clearTimeout()方法調用,就必須將setTimeout()的返回值賦給一個變量給clearTimeout()調用。 ~~~ <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css"> #div1 { width: 150px; height: 125px; border: 1px dashed #ccc; } </style> </head> <body> <div id="div1"> 2秒鐘后出現其他內容 </div> <button onclick="javascript:clearInterval(cancel)"> Stop interval</button> <script type="text/javascript"> var text = "setTimeout()函數正在運行..."; var oDiv = document.getElementById("div1"); function print () { oDiv.innerHTML = text; } var cancel = setTimeout(print,2000); </script> </body> </html> ~~~ 結果: ![](https://box.kancloud.cn/2016-08-30_57c54ec98954d.jpg) ![](https://box.kancloud.cn/2016-08-30_57c54ec99ce86.jpg) ?? 3、強制清除:沒有一個內建的方法可以一次清除所有的setInterval()或者setTimeout(),因此要采用循環清除: ????? for(var i = 0; i < 10; i++) clearTimeout(i); ## 二、基本的交互操作 ?? 1、alert(msg):警告對話框,msg是要顯示的文本字符串,包含的HTML原樣顯示。 ?? 2、confirm(msg):確認對話框,參數同alert;方法返回TRUE(“確定”)或者FALSE(“取消)。 ?? 3、prompt(msg[,input]):提示輸入消息對話框,msg同alert,input可選,定義在文本框中顯示的信息,不定義input,則為空。prompt()方法以字符串或者整數返回用戶輸入的信息。按取消按鈕返回null ?? 4、showModalDialog(URL[,arg]);打開一個新窗口類型的對話框,可以加載一個網頁(但是不能刷新)。URL是加載網頁的URL地址,arg是傳遞給窗口的參數。部分瀏覽器默認阻止彈出這個窗口,需要設置允許彈出新窗口。該方法有返回值。 ?? 5、print():打印當前文檔。 ~~~ var returned = confirm("你是SB嗎?"); if(returned) { ?document.write("你是SB<br/>"); } else { ?document.write("你不是SB<br/>"); } var value = prompt("你多少歲?",100); document.write("你是"+value+"歲<br/>"); showModalDialog("http://blog.csdn.net/u011043843"); ~~~ ![](https://box.kancloud.cn/2016-08-30_57c54ec9b2616.jpg) ## 三、窗口交互操作 ?? 1、window.open():打開一個新的瀏覽器窗口或查找一個已命名的窗口。返回新窗口的引用。 ![](https://box.kancloud.cn/2016-08-30_57c54ec9c882b.jpg) features的可選值: ![](https://box.kancloud.cn/2016-08-30_57c54ec9dc21f.jpg) ~~~ <html> <head> <script type="text/javascript"> function open_win() { window.open("http://www.w3school.com.cn") } </script> </head> <body> <input type=button value="Open Window" onclick="open_win()" /> </body> </html> ~~~ ?? 2、window.close([arg]):關閉窗口,arg是窗口的引用,未定義arg,則關閉當前窗口。 ?? 3、window.stop():取消文檔的加載。 ?? 4、獲取窗口引用:window[index] 或 window[name]:根據索引或者名稱獲取window對象,屬性如下: ![](https://box.kancloud.cn/2016-08-30_57c54ec9efbee.jpg) ?? 5、window.blur()和window.focus():分別使窗口失去焦點和獲取焦點,并觸發onblur和onfocus事件。 ## 四、HTML5 中新增的幾個屬性 ??? 1、window.locationbar.visible:是一個布爾值,定義地址欄是否可見 ??? 2、window.menubar.visible:是一個布爾值,定義菜單欄是否可見 ??? 3、window.personalbar.visible:是一個布爾值,定義個人欄是否可見 ??? 4、window.scrollbars.visible:是一個布爾值,定義滾動欄是否可見 ??? 5、window.statusbar.visible:是一個布爾值,定義狀態欄是否可見 ???6、window.toolbar.visible:是一個布爾值,定義工具欄是否可見
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看