為什么我的 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);