js實現類似頁面廣告一段時間自動打開一段時間自動關閉的功能
一、總結
Window 對象的 open()方法：window.open('測試頁面.html','news','height=300,width=600,top=50,left=80')
setTimeout()定時器的使用：window.setTimeout('window.close()',2000)
二、打開頁面后規定時間內彈出一個新窗口，新窗口指定時間后自動關閉
練習1：
- 實例描述：打開頁面后規定時間內彈出一個新窗口，新窗口指定時間后自動關閉。
- 案例要點：
Window 對象的 open()方法：打開一個新的瀏覽器窗口，
語法：window.open(URL,name,features,replace)setTimeout()定時器的使用
三、代碼
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>打開新窗口</title> 6 </head> 7 <body> 8 <h1>2秒后打開新窗口</h1> 9 <p> 10 open() 方法用於打開一個新的瀏覽器窗口或查找一個已命名的窗口。 11 </p> 12 <p> 13 語法：window.open(URL,name,features,replace) 14 </p> 15 <h4>參數：</h4> 16 <ul> 17 <li>URL 一個可選的字符串，聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個參數，或者它的值是空字符串，那么新窗口就不會顯示任何文檔。</li> 18 <li>name 一個可選的字符串，該字符串是一個由逗號分隔的特征列表，其中包括數字、字母和下划線，該字符聲明了新窗口的名稱。這個名稱可以用作標記 a 和 form的屬性 target 的值。如果該參數指定了一個已經存在的窗口，那么 open() 方法就不再創建一個新窗口，而只是返回對指定窗口的引用。在這種情況下，features 將被忽略。</li> 19 <li>features 一個可選的字符串，聲明了新窗口要顯示的標准瀏覽器的特征。如果省略該參數，新窗口將具有所有標准特征。在窗口特征這個表格中，我們對該字符串的格式進行了詳細的說明。</li> 20 <li>replace 21 一個可選的布爾值。規定了裝載到窗口的 URL 是在窗口的瀏覽歷史中創建一個新條目，還是替換瀏覽歷史中的當前條目。支持下面的值： 22 true - URL 替換瀏覽歷史中的當前條目。 23 false - URL 在瀏覽歷史中創建新的條目。 24 </li> 25 </ul> 26 <script type="text/javascript"> 27 /* 28 function openNew(){ 29 window.open('測試頁面.html','news','height=300,width=600,top=50,left=80') 30 } 31 32 setTimeout('openNew()',2000) 33 */ 34 setTimeout(function(){ 35 window.open('測試頁面.html','news','height=300,width=600,top=50,left=80') //1、open打開新窗口方法 36 },2000) //2、setTimeout(函數，時間) 3、匿名函數最基礎常見使用 37 </script> 38 </body> 39 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <h1>測試頁面</h1> 9 <script type="text/javascript"> 10 window.setTimeout('window.close()',2000) //4、window的close方法 11 </script> 12 </body> 13 </html>