1. 程式人生 > >Js script type="text/template"的使用

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