Question

我用其他网站上的（iframe）嵌入视频制作了一个下拉剧透。问题是iframe的弹出式广告会在加载页面时跳出。如何通过点击按钮打开扰流板之前阻止加载iframe？

这是剧透

function toggle(element) {
    if (document.getElementById(element).style.display == "none") {
    document.getElementById(element).style.display = "";


    } else {
    document.getElementById(element).style.display = "none";

    }
    } 


    <a href="javascript:toggle('hidden')">Open spoiler</a>
    <div id="hidden" style="display:none;">
    <iframe    ></iframe>
    </div>

Answer 1

隐藏iframe并仅在某个点之后显示它？

CSS：

iframe{
  display: none;
}

JS：

var yourElement = document.getElementById('elementId');
yourElement.addEventListener('load', function(){
  document.getElementById('iframeId').display = 'inline';
}, false)

Answer 2

使用iframe而不是src，并使用jQuery为其分配src命令：

$('iframe').attr('src', ...);

并删除src命令：

$('iframe').attr('src', '');

将其放在function toggle(element)中，如此：

function toggle(element) { if (document.getElementById(element).style.display == "none") { document.getElementById(element).style.display = ""; $('iframe').attr('src', ...); } else { document.getElementById(element).style.display = "none"; $('iframe').attr('src', ''); } }

希望这有帮助！

在启动javascript：toggle之前阻止加载iframe

2 个答案: