script type=text/template是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?...
生活随笔
收集整理的這篇文章主要介紹了
script type=text/template是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?...
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
這一段存放了一個(gè)模板。
在js里面,經(jīng)常需要使用js往頁(yè)面中插入html內(nèi)容。比如這樣:
var number = 123; $('#d').append('<div class="t">'+number+'</div>') 如果html很短還好說(shuō),但是遇到描述里面的這么大段,直接用字符串存儲(chǔ)會(huì)很困難,因?yàn)椴还庖幚韱我?hào),還需要很多「+」號(hào)把字符串一個(gè)個(gè)連接起來(lái),十分的不方便。
給<script>設(shè)置type="text/template",標(biāo)簽里面的內(nèi)容不會(huì)被執(zhí)行,也不會(huì)顯示在頁(yè)面上,但是可以在另一個(gè)script里面通過(guò)獲取,然后再通過(guò)相關(guān)的模板工具進(jìn)行處理,插入到頁(yè)面中。這樣就把大段的HTML操作從js里面分離開了。
在js里面,經(jīng)常需要使用js往頁(yè)面中插入html內(nèi)容。比如這樣:
var number = 123; $('#d').append('<div class="t">'+number+'</div>') 如果html很短還好說(shuō),但是遇到描述里面的這么大段,直接用字符串存儲(chǔ)會(huì)很困難,因?yàn)椴还庖幚韱我?hào),還需要很多「+」號(hào)把字符串一個(gè)個(gè)連接起來(lái),十分的不方便。
給<script>設(shè)置type="text/template",標(biāo)簽里面的內(nèi)容不會(huì)被執(zhí)行,也不會(huì)顯示在頁(yè)面上,但是可以在另一個(gè)script里面通過(guò)獲取,然后再通過(guò)相關(guān)的模板工具進(jìn)行處理,插入到頁(yè)面中。這樣就把大段的HTML操作從js里面分離開了。
轉(zhuǎn)載于:https://www.cnblogs.com/as3lib/p/6680345.html
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的script type=text/template是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?...的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: tkinter之事件绑定
- 下一篇: springboot+mongodb