所以我試圖將我的 iframe 隱藏在頁面上，直到我點擊這個按鈕，但由于某種原因，當網站加載 iframe 時，我可以用按鈕隱藏它，但我試圖將它隱藏起來開始。
var iframeShowing=false;
function show() {
var iframe1=document.getElementById("iframe");
iframe1.style.display=iframeShowing ? "block": "none";
iframeShowing=!iframeShowing;
}<form> <button type="button" id="files" onclick="show()">Database</button> </form>
<iframe id="iframe" frameBorder='no' src="https://databank.worldbank.org/embed/Mine/id/f1b36ffc?ti=y&ds=n&dd=y&tb=y&sh=y&dw=y&pr=y&inf=y&zm=y&md=y&navigator=n&theme=darkGrey&bdrClr=rgb(68,68,68)&bdrStyle=solid&bdrWidth=0px&title=Arial;16px;true;false;rgb(68,68,68);justify&exptypes=Excel,CSV,TabbedTxt"
width="600" height="460"></iframe>uj5u.com熱心網友回復：
嘗試這樣的事情：
<script>
var iframeShowing = false;
var iframe1 = document.getElementById('iframe');
iframe1.style.display = "none"
function show() {
iframe1.style.display = iframeShowing ? 'block' : 'none';
iframeShowing = !iframeShowing;
}
</script>
uj5u.com熱心網友回復：
Javascript 有很好的功能 ( classList.toggle)。如果有人點擊按鈕，我建議開始加載表格。如果你身邊有很多桌子，頁面會很慢。我已經把它作為一個例子。
function show() {
const f = document.getElementById('myiframe');
const link = 'https://databank.worldbank.org/embed/Mine/id/f1b36ffc?ti=y&ds=n&dd=y&tb=y&sh=y&dw=y&pr=y&inf=y&zm=y&md=y&navigator=n&theme=darkGrey&bdrClr=rgb(68,68,68)&bdrStyle=solid&bdrWidth=0px&title=Arial;16px;true;false;rgb(68,68,68);justify&exptypes=Excel,CSV,TabbedTxt';
document.getElementById('waiting').innerText = " - please wait";
f.classList.toggle('hide');
f.setAttribute('src', link);
}.hide {
display: none;
}<form>
<button type="button" id="files" onclick="show()">Database<span id="waiting"></span></button>
</form>
<iframe class="hide" id="myiframe" frameBorder='no' src="" width= "600" height="460" >...</iframe>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/365486.html
標籤：javascript html