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>