弹出广告代码js

弹出广告通常是通过JavaScript代码来实现的。以下是一些基础概念和相关信息：

基础概念

JavaScript: 一种广泛用于网页开发的脚本语言，可以实现动态交互效果。
DOM操作: JavaScript可以通过操作DOM（文档对象模型）来动态修改网页内容。
定时器: 使用setTimeout或setInterval函数可以在特定时间后执行代码。
弹窗: 使用window.open或alert等方法可以创建弹出窗口。

类型

模态弹窗: 阻止用户与其他页面元素交互，直到弹窗关闭。
非模态弹窗: 用户可以继续与其他页面元素交互。

应用场景

广告推广: 企业常用这种方式来吸引用户注意力。
提示信息: 用于显示重要通知或警告。

示例代码

以下是一个简单的模态弹窗示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹出广告示例</title>
    <script>
        function showPopup() {
            var popup = document.getElementById('popup');
            popup.style.display = 'block';
        }

        function closePopup() {
            var popup = document.getElementById('popup');
            popup.style.display = 'none';
        }

        window.onload = function() {
            setTimeout(showPopup, 3000); // 3秒后显示弹窗
        };
    </script>
    <style>
        #popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            border: 1px solid black;
            padding: 20px;
            z-index: 1000;
        }
        #overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            z-index: 999;
        }
    </style>
</head>
<body>
    <div id="overlay"></div>
    <div id="popup">
        <p>这是一个广告弹窗！</p>
        <button onclick="closePopup()">关闭</button>
    </div>
</body>
</html>