我可以將JS腳本放在頁腳上方而不是之前的頁腳下方嗎 </body> 標簽

Question

我有一個用django建立的網站。

問題：我們當前有> 50個頁面，並且每個頁面上的頁腳HTML代碼完全相同。 當對頁腳進行一些更改時，我已經厭倦了必須編輯所有這些頁面。

可能的解決方案：將頁腳直接插入django基本頁面中。

潛在的問題：如果我在頁腳中插入頁腳，則頁腳和標記之間的所有單個JS腳本都會丟失-顯然這些腳本是特定於頁面的。 那么在頁腳之前可以有特定的JS腳本嗎？ 這樣一來，頁腳就可以輕松輕松地進入基礎，但是我不確定是否可以這樣做。 在頁腳之前移動腳本是否會出錯？

謝謝

Answer 1

是的，您可以在HTML頁腳上方放置腳本。 這有一個潛在的缺點，那就是您必須等待腳本被提取並在呈現頁腳HTML之前運行，但是除非腳本很大，否則這不太可能成為問題。

但是，有一個簡單的解決方案可以避免這種情況。 在基本模板的底部有這樣的內容

    <!-- footer HTML -->
    {% block page_js %}{% endblock %}
    </body>
</html>

然后，在每個單獨的頁面中，您都可以包含以下內容（根據需要包含盡可能多的頁面上和/或外部加載的腳本）：

{% block page_js %}
<script>// some custom JS for this page only</script>
<script src="js/for/this/page.js"></script>
{% endblock %}

Answer 2

您可以將頁腳HTML放入其自己的文件中，然后在需要頁腳HTML出現的模板中添加{% include 'footer.html' %} 。 這樣，將來您只需要在希望更改頁腳中的內容時才編輯footer.html。

Answer 3

假設你的base.html通用於所有其他網頁。 您有一些所有頁面都通用的JS。

因此，您可以僅調整base.html這樣的內容：

<body>
    <div class="footer">
       Footer info
    </div>
   <!---here include all JS-->
</body>