如何利用html+js建立模板

每次写页面的时候导航栏都得重复粘贴，如果能用模板解决就再好不过了

首先，我有个公共的导航栏---nav.html

其次（重点！！！），写个公共函数---在common.js中，用于导入html模板

function importHTML(strNode){
	var link=document.querySelector("link[rel=import]");
	var content=link.import;//获取某个页面的文档流
	var el=content.querySelector(strNode);//获取某个标签下的所有内容
	document.body.appendChild(el.cloneNode(true));//将获取到的内容贴到当前页面
}

最后，在其他页面导入导航栏