JavaScript特效实例004-自动关闭的广告窗口

最新推荐文章于 2021-05-31 06:47:03 发布

迷茫的寻路者

最新推荐文章于 2021-05-31 06:47:03 发布

阅读量1.4k

点赞数

分类专栏： JavaScript网页特效范例文章标签： javascript

本文链接：https://blog.csdn.net/yejinwei1220/article/details/45603563

版权

JavaScript网页特效范例专栏收录该内容

19 篇文章 0 订阅

订阅专栏

实例004 自动关闭的广告窗口

实例说明

当网页运行一定的时间后，自动关闭网页上指定的广告窗口。

技术要点

本实例主要应用window对象的setTimeout()方法和close()方法来实习.window对象的setTimeout()方法用于延迟执行某一操作。

实现过程

（1）要关闭的广告窗口。

new.html

<html>    
<head>    
<title>打开新窗口显示广告信息</title>    
<style type="text/css">    
body{    
    background-image:url(new.jpg);    
    background-repeat:no-repeat;    
    }    
</style>    
</head>    
<body></body>    
</html>

(2)实现关闭功能的页面

<html>      
<head>      
<title>自动关闭广告窗口</title>      
<script type="text/jscript" language="javascript">      
    function pp()    
    {    
            window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false);      
    }  
</script>      
</head>      
<body onload = "window.setTimeout('window.close()',5000)"> 
</body>      
</html>

注：style标签的内容为css的知识，我们关注的是script标签内的内容。

这样我们的这个实例就做好了。