阻止在JavaScript之前加載iframe：切換啓動

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沒有src，併爲其指定src的命令使用jQuery：

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

希望這有助於！

Answer 2

隱藏iframe和只經過一定的點顯示呢？

CSS：

iframe{ 
    display: none; 
} 

JS：

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