代碼 Code

Pug 為您在模板中嵌入 JavaScript 提供了可能。這里有三種類型的代碼。

不輸出的代碼

用?-?開始一段不直接進(jìn)行輸出的代碼，比如：- for (var x = 0; x < 3; x++)

li item

渲染后:

itemitemitem

Pug 也支持把它們寫成一個(gè)塊的形式：-

var list = ["Uno", "Dos", "Tres",

"Cuatro", "Cinco", "Seis"]

each item in list

li= item

渲染后:

UnoDosTresCuatroCincoSeis

帶輸出的代碼

用?=?開始一段帶有輸出的代碼，它應(yīng)該是可以被求值的一個(gè) JavaScript 表達(dá)式。為安全起見，它將被 HTML 轉(zhuǎn)義：p

= '這個(gè)代碼被 了！'

渲染后:

這個(gè)代碼被 <轉(zhuǎn)義> 了！

也可以寫成行內(nèi)形式，同樣也支持所有的 JavaScript 表達(dá)式：p= '這個(gè)代碼被 了！'

渲染后:

這個(gè)代碼被 <轉(zhuǎn)義> 了！

不轉(zhuǎn)義的、帶輸出的代碼

用?!=?開始一段不轉(zhuǎn)義的，帶有輸出的代碼。這將不會(huì)做任何轉(zhuǎn)義，所以用于執(zhí)行用戶的輸入將會(huì)不安全：p

!= '這段文字 沒有 被轉(zhuǎn)義！'

渲染后:

這段文字 沒有 被轉(zhuǎn)義！

同樣也可以寫成行內(nèi)形式，支持所有的 JavaScript 表達(dá)式：p!= '這段文字' + ' 沒有 被轉(zhuǎn)義！'

渲染后:

這段文字 沒有 被轉(zhuǎn)義！

危險(xiǎn)

不轉(zhuǎn)義的輸出可能是危險(xiǎn)的，您必須確保任何來自用戶的輸入都是安全可靠的，以防止發(fā)生跨站腳本攻擊(XSS)。

總結(jié)

以上是生活随笔為你收集整理的js pug 代码_Pug 代码 Code的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。