Question

我有一个内容区域，我想在页面首次加载或“传记”时显示一些文字。单击按钮。当单击其他按钮（AFT）时，我想通过内容区域中的iframe显示URL的内容。我是编码的新手，所以不确定如何实现这一目标。

目前我的代码显示文字但iframe显示在此下方，但我希望iframe在单击按钮时替换文本。功能toShow（）应该这样做，但我不知道从哪里开始。任何帮助表示赞赏！

HTML code：

    <div id="content" > 
    <script src="myJS.js"></script>
    <script> displayBiography(); </script>

    <iframe src="cwExample.pdf" name="iframe1" id="pdf"></iframe>
    </div>

    <div id="leftBar"> 
    <br><br>
    <button class="button" onclick="displayBiography();"> Biography 
    </button>
    <h3> Samples of Work </h3>
    <button class="button" onclick="toShow();" target="iframe1"> AFT 
    </button>
    </div>

JS代码：

    var content = document.getElementById("content");
    var biography = "<p> Text here </p> "  
    ;

    function displayBiography() {
        "use strict";
        content.innerHTML = biography;
        var iframe = document.getElementById('pdf');
        iframe.style.display = 'none';
    }

    function toShow() {
    }

Answer 1

试试这个：

window.onload = function() {
    var iframe = document.getElementById('pdf');
    iframe.style.display = 'none';
}

如何在单击按钮之前隐藏iframe？

1 个答案: