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

我制作了一个带有（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>

功能切换（元素）{
if（document.getElementById（element.style.display==“无”）{
document.getElementById（element.style.display=”“；
}否则{
document.getElementById（element.style.display=“无”；
}
} 

是否隐藏iframe并仅在某一点后显示

CSS:

JS:

---

使用不带

src

的

iframe

，并使用jQuery为其分配

src

on命令：

$（'iframe'）.attr（'src'，…）

并删除
src
on命令：

$（'iframe'）.attr（'src'，''）

将其放入
功能切换（元素）
，如下所示：

功能切换（元素）{
if（document.getElementById（element.style.display==“无”）{
document.getElementById（element.style.display=”“；
$（'iframe'）.attr（'src'，…）；
}否则{
document.getElementById（element.style.display=“无”；
$（'iframe'）.attr（'src'，''）；
}
}

希望这有帮助

iframe{
  display: none;
}

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