js实现html模板继承,Django/jQuery：处理模板继承和JS文件加载

因为您的脚本使用jQuery，所以您可以简单地使用jQuery的^{}和^{}函数分别在DOM就绪和所有窗口内容都已加载的情况下绑定函数。在

如果您不使用jQuery，请查看以下相关问题，以了解如何使用纯JS模拟上述行为：

编辑1：包含顺序很重要。在执行任何需要jQuery的脚本之前，必须包含jQuery脚本。在

编辑2：您可以通过将脚本与主要内容分开来更好地组织模板，或者使用第二个模板：

基本.html

{% include "content.html" %}

{% include "js.html" %}

js.html文件

^{pr2}$

(在本例中，您呈现base.html)

或使用块(推荐)：

基本.html

{% block content %}{% endblock %}

{% block scripts %}{% endblock %}

内容.html{% extends 'base.html' %}

{% block content %}

...

{% endblock %}

{% block scripts %}

$(document).ready(function(){

...

});

{% endblock %}

(在本例中，您呈现content.html)