时间戳

首页 > 解决方案 > 如何获得有关元素加载的警报消息？

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

问题描述

我想在弹出加载后收到一条警报消息。它适用于 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>

标签： javascripthtmlpopupalert

解决方案

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

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

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

我能想到的最简单的解决方案是简单地将脚本标签和javascript代码（在脚本标签内）放在div之后。

<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 内。那应该可以解决您的问题。

推荐阅读