通过一次onClick触发多个事件

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>

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