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

最新推荐文章于 2024-08-18 23:07:34 发布

Bambi12

最新推荐文章于 2024-08-18 23:07:34 发布

阅读量7.3k

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/Bambi12/article/details/82965455

版权

JS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<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