js实现类似页面广告一段时间自动打开一段时间自动关闭的功能
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>
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、每年专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-10-30:27岁,宅加太忙,特此在网上找女朋友,坐标上海,非诚勿扰,vx:fan404006308
AI交流资料群:753014672