HTML中引用公共部分代码

HTML中引用公共部分代码

将公共部分的代码转js
http://tool.chinaz.com/Tools/Html_Js.aspx

在需要引用公共代码的地方，引入新创建的js
<script type="text/javascript" src="header.js"></script>

--------------------------------------------121.3.1–更新-----------------------------------------------
之前写的这个将html代码转换成js，然后再将js导入也可以，但是就是如果后续修改公共区域的代码就很麻烦，然后我后端使用的是django，我就想到使用django模板的继承，现将新的思路和方法更新出来

运用django模板的继承原理进行：
	先将模板的公共区域写到一个新的页面，比如：base.html；
	然后将页面尽量分成若干没有关系的区域，比如：
		{% block a %}
		{% endblock %}
		{% block b %}
		{% endblock %}
		{% block c %}
		{% endblock %}
		{% block d %}
		{% endblock %}
	然后在模板中定义一个block块，比如：
		{% block a %}   ----a 是自己定义的名字，最好每个区域名字不一样
			<div>xxxxxxxx</div>
		{% endblock %}
	然后创建新的页面，比如：test.html；
	在test.html中继承base.html这个父模板，比如：
		{% extends 'base.html' %}
	如果需要在新的模板中,添加新的区域，可以在base.html中先设置block块，就可以正常写了；
	继承js和css，也是一样:
        {% block css %}
        {% endblock %}
        {% block js %}
        {% endblock %}
     父模板中尽量多定义一些block标签，这样在子页面中扩展的时候更方便

我是清茶！欢迎你和我一起讨论，我们下期见