Question

我想在弹出窗口加载后收到警报消息。它适用于body标签，但在此div中没有响应。

<script>
        function myFunction() {
          alert("I am an alert box!");
        }
</script>

<html>
<body>
  <div class="modal fade flat-popupform" id="popup_10_jan" onload="myFunction()">
    <img src="<?php echo base_url(); ?>resources/images/events/jan-10-2019/1.jpeg" alt="Events" style="max-width:100%;">
  </div>
</body>
</html>

Answer 1

onload事件属性不适用于div标签。

唯一受支持的标签是<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> and <style>

请参阅https://www.w3schools.com/tags/ev_onload.asp了解更多信息。

我能想到的最简单的解决方案是将div后面紧跟着script标签和javascript代码（在script标签里面）。

<html>

<body>
  <div class="modal fade flat-popupform" id="popup_10_jan">
    <script>
      alert("I am an alert box!");
    </script>
    <img src="<?php echo base_url(); ?>resources/images/events/jan-10-2019/1.jpeg" alt="Events" style="max-width:100%;">
  </div>
</body>

</html>

该脚本应在div加载后立即执行，因为它位于div中。那应该可以解决您的问题。

如何获得有关元素加载的警报消息？

1 个答案: