Modal Div不從javascript調用

-1

我需要一些幫助。我想在html頁面加載時自動顯示模態窗口。我在html <body>中添加了以下<Div>，並且還附帶了js函數調用。我的js功能在<header>之內。Modal Div不從javascript調用

function showModal() 
{ 
    document.getElementById("openModal").style.display="block" ; 
} 

    <body onload="init()" onkeydown="return selectNextTabKD(event)" onkeypress="if (!selectNextTabKP(event)) return false; else return doEnterKey(event)"> 

    <script type="text/javascript"> 
    showModal() ; 
    </script> 

<div id="banner"> 
<table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
    <td width="50%" nowrap class="bannerleft"></td> 
    <td width="633px" nowrap><img src="../css/<% BrandDir %>/banner.gif">  </td> 
    <td width="50%" nowrap class="bannerright"></td> 
    </tr> 
</table> 
</div> 
<!-- Modal message added --> 
<!-- <a href="#openModal">Open Message</a> --> 
<div id="openModal" class="modalDialog"> 
     <div><a href="#close" title="Close" class="close">X</a> 
     <h2>Important to Know</h2> 
     <p>This is a new message dialog window</p> 
     </div> 
</div>

來源

2016-01-20 alam

在Web瀏覽器看到div「openModal」之前，您正在調用函數「showModal」。在div之後調用它。

來源

2016-01-20 17:35:25 tcak

您需要等待DOM加載。你可以這樣做：

<script type="text/javascript"> 
    document.addEventListener('DOMContentLoaded', showModal, false); 
</script>

來源

2016-01-20 17:37:59

我試過了，但沒有奏效。我已經進一步查看了代碼，並且似乎該頁面正在根據框架加載，這可能是原因。我將添加父母。[1] .document。檢索該id併發布結果。 – alam

Modal Div不從javascript調用

回答

相關問題