javascript - 在点击链接之前隐藏 iframe，然后在点击链接后隐藏链接

Question

我有这段代码可以在 iframe 中打开链接

<a href="http://www.example.com/" target="iframe1">link</a>

</br></br>

<iframe id="iframe1" name="iframe1" src="#"></iframe>

我想在点击链接之前隐藏 iframe，然后在点击链接后隐藏链接

我需要用 javascript / jQuery 来做到这一点

谢谢

Answer 1

将链接放在 Span 标签中并执行以下操作：

$("#link").click(function(e) {
    e.preventDefault();

    //Assuming you're assigning the source dynamically, if not, comment out below line.
    $("#iframe1").attr("src", $("link").attr("value");
    $("#iframe1").show();

    $("#linkBeGone").hide();
});

制作链接“#”的 href 属性，并将值设为您希望 iFrame 成为的 src。

<span id="linkBeGone"><a id="link" value="http://www.example.com/" href="#" target="iframe1">link</a></span>

</br></br>

<iframe id="iframe1" name="iframe1" src="#"></iframe>

Answer 2

我会做以下事情：

<div id="linkDiv">
    <a href="#" id="theLink">Link</a>
</div>
<br/><br/>
<iframe id="iframe1" name="iframe1" src="#"></iframe>

$(document).ready(function(){
    $("#iframe1").hide();
    $("#theLink").click(function(){
        $("#iframe1").show();
        $("#linkDiv").hide();
        return false;
    });
});