Razor

Razor 是asp.net mvc下的一種前端標(biāo)記語法類似jquery 以及PHP或者java的jsp中的標(biāo)記語法，但是更加優(yōu)雅和方便。邏輯都是后端代碼。在這里我用的是C#,對于前端小白來說是很好理解的。具體的使用方法可以百度Razor教程 會有很多的基礎(chǔ)教育平臺。這不是本文討論的重點(diǎn)。Razor在前端界面中需要和HTML或js混編，如果混編的格式不對會引起前端的頁面的頁面渲染混亂，或者js的失效。本文將和大家討論怎么使用混編。歡迎各位道友討論，斧正。

1.C#與Html混編

這個是大家都比較熟悉的混編方式 也是Razor的主要用法， 可以實行用后端的C#進(jìn)行傳值和簡單的頁面邏輯判斷。比較優(yōu)雅的實行mvc模式下的前端代碼的編寫。也使對前端的編碼效率有了提升。

混編代碼實例

效果

可以看出 一般比較長的C#代碼可以用中括號｛｝包含起來編寫 其中添加HTMl代碼是沒有影響的 但是要有明確的HTML開始符和結(jié)束符。

而Html語言中插入C#代碼需要加入@關(guān)鍵字 不然會被當(dāng)成一般字符識別使用

還有for循環(huán)

當(dāng)前臺的C#代碼有多行時，如果這些代碼是連續(xù)的中間沒有HTML代碼隔斷，那只需要開頭的一個@符號即可。

當(dāng)然也可以在C#中向前臺打印輸出一些值 這就要用到 @：

總之 @： 負(fù)責(zé)打印 @負(fù)責(zé)輸出變量 也可以 @：@變量名 這樣的方式打印變量

2.js與Html混編

在js中 由于沒有Html那樣的開始標(biāo)簽和結(jié)束標(biāo)簽 在 C#中不能直接輸入js代碼 這樣就沒辦法實行混編了 這個時候就是出馬了

這也是我在網(wǎng)上找了好幾篇文章才發(fā)現(xiàn)的新奇知識點(diǎn)(原諒我這個小白) 先上代碼

model為空時js的代碼為

model不為空時js的代碼為

若不加上 標(biāo)簽 js代碼就會被當(dāng)成 C#代碼執(zhí)行 不僅不能達(dá)到我們的目的還會是我們的的js或C#代碼失效和報錯

這點(diǎn)有興趣的道友可以驗證一下就不列出錯誤代碼了。

最后！注意 Razor會先執(zhí)行C#代碼 所以HTML和JS是無法對C#代碼賦值和判斷的 只有等到C#編譯生成確切的標(biāo)量值后才會執(zhí)行JS和Html代碼

總結(jié)

以上是生活随笔為你收集整理的html js php 混编,Razor标记语言和HTML,js混编的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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