Question

我需要一些帮助。我想在加载html页面时自动显示模态窗口。我在html <Div>中添加了以下<body>以及js函数调用。我的js函数在<header>内。

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>

Answer 1

您需要等待加载DOM。你可以这样做：

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

Answer 2

您正在调用函数＆＃34; showModal＆＃34;在Web浏览器看到div＆＃34; openModal＆＃34;然而。在div之后调用它。

Modal Div不是从javascript调用的

2 个答案: