HTML テンプレートでの <script> タグの使用の詳細な説明-htmlチュートリアル-php.cn

ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML テンプレートでの

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>

ログイン後にコピー

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

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

ログイン後にコピー

CDATA これは XML に特有のもので、イベントのバブリングを防ぐために、その内容は XML パーサーによって解析されません。およびデフォルトの動作

バブリングの防止:

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

ログイン後にコピー

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

ログイン後にコピー

イベントのバブリングとデフォルトの動作の両方を防止:

return false;

ログイン後にコピー

以上がHTML テンプレートでの

著者別の最新記事