js弹出广告小窗口

// 示例代码：尝试打开弹窗并处理被拦截的情况
function openPopup(url) {
    let popup = window.open(url, '_blank');
    if (!popup || popup.closed || typeof popup.closed === 'undefined' || popup.location === "about:blank") {
        alert('弹窗被拦截，请检查浏览器设置并允许弹窗。');
    }
}

// 示例代码：优化弹窗显示逻辑
function showPopup() {
    let popup = document.createElement('div');
    popup.id = 'ad-popup';
    popup.innerHTML = '<img src="preloaded-ad.jpg" alt="广告">';
    document.body.appendChild(popup);
    setTimeout(() => {
        popup.style.display = 'block';
    }, 100); // 延迟显示以避免闪烁
}

/* 示例代码：响应式弹窗样式 */
#ad-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
}

@media (max-width: 600px) {
    #ad-popup {
        width: 90%;
    }
}