防止在javascript:toggle启动之前加载iframe

prevent iframe to load before javascript:toggle is launched

本文关键字：加载 iframe 启动 toggle javascript      更新时间：2023-09-26

我做了一个下拉式剧透，里面嵌入了其他网站的(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>

使用没有src的iframe，并使用jQuery为其分配src on命令:

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

和删除src on命令:

$('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', ''); } }

希望这对你有帮助!

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

CSS: 

iframe{
  display: none;
}

JS: 

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