javascript - 为什么我的 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');
}

我还尝试通过 <script type=text/javascript></script> 将我的 JavaScript 原始代码放入 HTML 正文中，我也试过 onbeforeprint而不是 onload但它仍然没有显示我的 JS 方法。

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

Answer 1

The onload event can only be used on the document(body) itself, frames, images, and scripts. In other words, it can be attached to only body and/or each external resource. The div (or h5) is not an external resource and it's loaded as part of the body, so the onload event doesn't apply there.

Via - How to add onload event to a div element?

---

在您的 <h5> 时调用函数元素已加载，只需在 <h5> 之后立即调用该函数即可django 中的元素 if statement像这样:

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

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

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

{% endif %}