网页打开5秒后弹出广告窗口

最新推荐文章于 2024-02-07 15:57:23 发布

哆来咪er

最新推荐文章于 2024-02-07 15:57:23 发布

阅读量7.8k

点赞数 2

分类专栏： ★Web前端窗口控制与框架的互操

本文链接：https://blog.csdn.net/Maxbyzhou/article/details/71599475

版权

★Web前端同时被 2 个专栏收录

59 篇文章 0 订阅

订阅专栏

窗口控制与框架的互操

1 篇文章 0 订阅

订阅专栏

广告是网站不可避免的话题，没有广告的话，大多数网站是无法生存的。但是，若用户每次一打开网站就弹出广告窗口，这样会影响网站的友好性。

现介绍一种广告被延迟加载的方式–setTimeout()。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页被打开5秒以后弹出广告窗口</title>
    <script type="text/javascript">
        function init(){
            setTimeout(function(){
                //open一个新窗口
                window.open('./a.html',"广告标题","width=200,height=200,border0");
            },5000);
        }
    </script>
</head>
<body style="text-align:center" onload="init()">
    <h2>广告窗口将5秒后打开</h2>
</body>
</html>

运行效果

这里写图片描述

解析：

任何弹出窗口的打开都离不开open()函数。只是本例的效果要求只能在5秒以后才可以打开弹出窗口，所以，这里就需要使用到定时器功能。

哆来咪er

关注

2
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
网页打开5秒后弹出广告窗口

广告是网站不可避免的话题，没有广告的话，大多数网站是无法生存的。但是，若用户每次一打开网站就弹出广告窗口，这样会影响网站的友好性。现介绍一种广告被延迟加载的方式–setTimeout()。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页被打开5秒以后弹出广告窗口</title> <
复制链接

扫一扫