您的位置: 首页  >  IT文章  >  js实现类似页面广告一段时间自动打开一段时间自动关闭的功能 js实现类似页面广告一段时间自动打开一段时间自动关闭的功能

js实现类似页面广告一段时间自动打开一段时间自动关闭的功能 js实现类似页面广告一段时间自动打开一段时间自动关闭的功能

分类: IT文章 • 2023-01-31 00:36:30

一、总结

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>

相关推荐