Question

我的网页上有iframe。在锚点上，单击iframe中的pdf文件。我通过点击我关闭/显示的按钮提供了按钮：没有iframe。我希望在点击锚点时再次显示iframe。点击锚点应显示iframe并打开iframe中的pdf。请帮我怎么做。

我尝试了以下内容：

function CloseWindow() {
var ifr = document.getElementById("ifrlyric") 
ifr.style.display='none' }

function OpenWindow() {
var ifro = document.getElememtById("ifrlyric")
if (ifro.style.display=='none') { ifro.style.display='block' }   }

<a href="#" onClick=" window.lyrics.location='mypage.pdf';  ifrlyric.style.display=block;   return false;">Mypage</a>

锚点首先在iframe打开pdf，点击按钮隐藏它。但是，当单击锚点时，iframe没有显示。

Answer 1

尝试执行第三项功能，例如

function toggleState() {
    if(document.getElementById('ifrlyric').style.display == 'none') {
        window.lyrics.location='mypage.pdf'; // And I suggest moving this to OpenWindow
        OpenWindow ();
    } else {
        CloseWindow ();
    }
}

然后在你的onClick中调用它：

<a href="#" onClick="toggleState();">Mypage</a>

修改

重新阅读您的代码我可以看到拼写错误，您写的是getElememtById而不是getElementById

Answer 2

“OpenWindow”功能是展示iframe的唯一任务，所以我建议简单地说：

 function OpenWindow() {
    var ifro = document.getElememtById("ifrlyric")
     ifro.style.display='block'    }

Answer 3

由于您标记了jquery，我只想使用jquery切换功能：

<a href="#" onClick="setLocation();">Mypage</a>

<script>
    function setLocation() {
        window.lyrics.location='mypage.pdf';
        $('#ifrlyric').toggle();
</script>

你没有发布足够的代码让我知道这是否完全正确，但它至少应该非常接近。

使用单个onClick触发多个事件

3 个答案: