html模板(script标签使用)

最新推荐文章于 2025-08-06 19:58:00 发布

PalmerWang

最新推荐文章于 2025-08-06 19:58:00 发布

阅读量1.4w

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript和jQuery技巧文章标签： Javascript

本文链接：https://blog.youkuaiyun.com/applewangpai/article/details/42883633

Javascript和jQuery技巧专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了HTML模板的不同表现形式，包括使用`<script>`标签的`text/template`, `text/x-template`, 和 `text/html`类型。此外，还介绍了HTML5的`<template>`标签。文章还涉及到jQuery中如何阻止事件冒泡和默认行为，如`event.stopPropagation()`和`event.preventDefault()`，以及通过`return false`同时阻止两者。" 117045980,11034526,Markdown写作全攻略：从入门到精通,"['markdown', '文本编辑', '写作工具', '文档格式', '富文本']

html模板常用表现形式

<script id="template" type="text/template">
<!-- 模板部分 -->

<!-- 模板结束 -->  
</script>
$("#templte").html();

备注：html()方法和text()的区别，html取选择器中的html内容(包括标签)，而text()只取选择器中文档的文本(不包含标签)

<pre name="code" class="html"><script id="template" type="text/x-template">
<!-- 模板部分 -->

<!-- 模板结束 -->  
</script>

<pre name="code" class="html"><script id="template" type="text/html">
<!-- 模板部分 -->

<!-- 模板结束 -->  
</script>

2013年新的代码方式，html5标签形式

<template id="template">
<!-- 模板部分 -->

<!-- 模板结束 -->  
</template >

<![CDATA[ ]]>

CDATA这东西是XML中特有的，它里面的内容不会被XML解析器解析，你可以把它理解为元数据

jQuery中阻止事件冒泡和默认行为

阻止冒泡：

event.stopPropagation(); // 阻止事件冒泡

阻止默认行为：

event.preventDefault();  //阻止默认行为 ( 表单提交 )

同时阻止事件冒泡和默认行为：
```
return false;
```