HTML/javascript 自动弹出而不是点击

HTML/javascript Automatic popup instead of onclick?

本文关键字：javascript HTML      更新时间：2023-09-26

所以我现在得到了这个输入，它应该工作。但是我想使用相同的弹出窗口创建另一个页面，但这个页面应该自动运行而不是点击。关于如何使其工作的任何提示？

<input type="submit" id="checkin" method="post" action="checkin.php" href = "javascript:void(1)" onclick = "document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'" value="Check in">
    <div id="light1" class="white_content">
        <form id="formen" name="myForm" action="checkin.php" method="POST">'
        sAlot of content
        </form>
    </div>

1） 编写脚本中消除弹出窗口的逻辑并删除输入标签

  <div id="light1" class="white_content">
        <form id="formen" name="myForm" action="checkin.php" method="POST">'
        sAlot of content
        </form>
  </div>

<script>
    document.getElementById('light1').style.display='block';
    document.getElementById('fade').style.display='block'
</script>

2）或者你也可以使用jquery触发输入上的点击事件

<input type="submit" id="checkin" method="post" action="checkin.php" href = "javascript:void(1)" onclick = "document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'" value="Check in">
    <div id="light1" class="white_content">
        <form id="formen" name="myForm" action="checkin.php" method="POST">'
        sAlot of content
        </form>
    </div>

 <script> 
      $('#checkin').trigger('click');
 </script>

您可以在页面加载时触发"点击"：http://api.jquery.com/trigger/

例如：

$('#checkin').trigger('click');

虽然我不记得你是否需要将你的"onclick"代码放入：

$('#checkin').on( 'click', function() {

（无论如何我都会这样做，因为 IMO 它更干净）

您可以在结束正文标记之前的脚本标记中包含 JS，而不是作为 onclick 事件。

将您的

脚本添加到body标签的处理程序onload

方法与onclick 相同。 
<body onload="document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'">
  <!-- all your stuff -->
</body>
相关文章：