<script type="text/template">是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?

这一段存放了一个模板。
在js里面,经常需要使用js往页面中插入html内容。比如这样:

var number = 123;
$(‘#d‘).append(‘<div class="t">‘+number+‘</div>‘)

如果html很短还好说,但是遇到描述里面的这么大段,直接用字符串存储会很困难,因为不光要处理单引号,还需要很多「+」号把字符串一个个连接起来,十分的不方便。
给<script>设置type="text/template",标签里面的内容不会被执行,也不会显示在页面上,但是可以在另一个script里面通过获取,然后再通过相关的模板工具进行处理,插入到页面中。这样就把大段的HTML操作从js里面分离开了。

时间: 2024-10-09 00:21:19

<script type="text/template">是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?的相关文章

&lt;script type=&quot;text/template&quot;&gt;

<script type="text/template"> 给<script>设置type="text/template",标签里面的内容不会被执行,也不会显示在页面上,但是可以在另一个script里面通过获取,然后再通过相关的模板工具进行处理,插入到页面中.这样就把大段的HTML操作从js里面分离开了 <div></div> <script type="text/template" id=&

关于MVC模板渲染的一点小事type=&quot;text/template&quot;

先上一个demo,简单粗暴,请自便 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0px; padding: 0px; } </style> <script src="http://code.jquery.c

script标签中type为&lt;script type=&quot;text/x-template&quot;&gt;是个啥

写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况,一般的写法都是使用+号以字符串的形式拼接,如果是短点的还好,如果很长很长的话就会拼接到令人崩溃了. 比如有的时候需要使用弹出框的时候手动使用字符串拼接起来各种数据再渲染出来(这种写法太恶心了,简直没有职业道德-). 因为上面的这种写法太恶心人了,但是在前端渲染数据又是一个刚需,这个时候怎么办,想一个办法将JS和HTML分离开来. <script type="text/x-template&quo

&lt;script language = &quot;javascript&quot;&gt;, &lt;script type = &quot;text/javascript&quot;&gt;和&lt;script language = &quot;application/javascript&quot;&gt;(转)

application/javascript是服务器端处理js文件的mime类型,text/javascript是浏览器处理js的mime类型,后者兼容性更好(虽然application/javascript才是正确写法,由于现在大家都写错的,导致浏览器厂商对写application/javascript兼容性更好).等以后大家都用HTML5的时候,就不需要写这个了.直接<script></script>就OK了! 另外 <script language = "ja

哪种写法更好?&lt;script&gt;&lt;/script&gt; vs/or &lt;script type=&rdquo;text/javasript&rdquo;&gt;&lt;/script&gt;

一直很奇怪 哪种写法更好<script type="text/javascript">-</script> or <script>-</script>? 大致解释就是 如果用H5 就不需要加,因为H5默认属性就是text/javascript, 而 HTML 4.01 and XHTML 1.0 规范 type 属性是需要的,如果用H5<script>...</script> 是可以且比较好的选择. 参考:http

script中 type=&quot;text/html&quot; 有哪些作用

目录 1.type="text/html" 的作用 2.实际的应用(jsp页面中循环出一个table表格) 3.完整的代码 内容 1.作用 在script标签中定义一个可以被JS调用的代码块,但是该代码又不会再页面上显示. 2.实际的应用 <script type="text/html" id="textHtmlDemo"> <tr id="textHtmlDemo{id}" data-id="{i

区别script中的type=”text/javascript”和language=”Javascript”

内容提要 在制作网页的时候,往往需要在页面中使用客户端能够运行的JS代码,因此,都需要添加引用.JS引用一般有type="text/javascript"和language="Javascript"两种写法,但language这个属性在W3C的HTML标准中,已不再推荐使用. 具体说明 一般情况下,JS引用方式为: 第①种 <script language="Javascript"></script> 第②种 <sc

【Bug Summary】Resource interpreted as Script but transferred with MIME type text/html

昨天新开一个云服务器,把网站部署到IIS上,发现css和js都没有正常显示,检查后发现给出了这样一个警告: Resource interpreted as Script but transferred with MIME type text/html 目前问题已解决,方法如下: 将iis中上述的静态内容打勾即可. 方法可能不适用于其他人,仅提供一个解决思路.如果觉得有用,请点个赞,谢谢!

js script type 部分属性值分析

1. text/javascript: (1)<script type="text/javascript" src="Js/jquery-1.10.2.min.js"></script> ---引用外部js (2)编码js代码 2.text/template&&text/html 1 <script id="commentTemplate" type="text/template"