为什么我的 javascript 方法没有被调用？

Question

我的 HTML 正文中有这个：

<script src="{% static "jquery/sessionExists.js" %}"></script>

{% if context.alreadyOnSession == 'YES' %}
    <h5 class="loginerror" onload="advSessionExists()">This session is already logged in</h5>
{% endif %}

这些{}是 Django 代码。

sessionExists.js：

function advSessionExists(){
    console.log('Just checking if its triggered');
}

此外，我尝试将我的 JavaScript 代码放在带有<script type=text/javascript></script>的 HTML 正文中，并且我尝试使用onbeforeprint而不是onload但它仍然没有显示我的 JS 方法。

The <h5> is being showed ，但没有触发我的 JS 方法。

Answer 1

onload 事件只能用于文档（正文）本身、框架、图像和脚本。 换句话说，它只能附加到身体和/或每个外部资源。 div（或 h5）不是外部资源，它作为主体的一部分加载，因此 onload 事件不适用于那里。

通过 - 如何将 onload 事件添加到 div 元素？

---

要在<h5>元素加载后调用该函数，只需在 django if statement的<h5>元素之后调用该函数，如下所示：

{% if context.alreadyOnSession == 'YES' %}

    <h5 class="loginerror">This session is already logged in</h5>

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

{% endif %}

Answer 2

尝试将onload="advSessionExists()添加到script标记。或者在您的脚本window.addEventListener('onload', advSessionExists);