通過一次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>

您沒有發布足夠的代碼讓我知道這是否完全正確，但是至少應該非常接近。