Js script type="text/template"的使用

<input type="button" id="clicbtn" value="点击显示" />
<div id='wldiv'></div>
<script type="text/template" id="hide-div">
  	<span>分离html和JS测试</span>
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#clicbtn").click(function(){
			$("#wldiv").html($("#hide-div").html());
		});
	});
</script>

给script标签设置type="text/template"属性,标签里的内容不会被执行,也不会显示在页面上,但是可以在另外一个script里面通过获取插入到页面上。这样可以把大段的html和js进行分离。
https://blog.csdn.net/appke846/article/details/80066681

猜你喜欢

转载自blog.csdn.net/Bambi12/article/details/82965455