當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

JS中的HTML片段

發布時間：2024/8/23 HTML 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS中的HTML片段小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

f2er們經常在js里面寫一些html模板，但是由于語法不同，沒有辦法啊直接將html黏貼在js中。

大部分人會這么干

var html = "<!DOCTYPE html>"+"<html>"+" <body>"+" <h1>Hello, world!</h1>"+" </body>"+"</html>";

這種寫法如果沒有特殊編輯器支持，還真是讓人蛋疼。

還有人這么寫

var html = "<!DOCTYPE html>\<html>\<body>\<h1>Hello, world!</h1>\</body>\</html>";

工作量減少了很多，但是還是比較麻煩，要為每行末尾加一個轉義符。

這里介紹另一個方法，比較來說算是最友好的。

var html = (function () {/*<!DOCTYPE html><html><body><h1>Hello, world!</h1></body></html> */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];

利用function的toString方法，使用正則表達式過濾出html模板。

這種寫法在某些場合可能存在一些風險，就是被代碼壓縮工具強奸掉。

轉載于:https://www.cnblogs.com/f2er/p/js_comment.html

以上是生活随笔為你收集整理的JS中的HTML片段的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。