3,Razor與HTML混合輸出陷阱與技巧

屬性名稱(chēng)誤判 有時(shí)候我們必須讓html內(nèi)容與razor語(yǔ)句緊接在一起， eg: ?????您好，a先生 假設(shè)變量名稱(chēng)為ViewBag.Name， 您好，@ViewBag.Name 先生 ?//這樣輸出就只有”您好，”，后面的Name 先生被當(dāng)做是viewbag的屬性去了，所以如果要解決這個(gè)問(wèn)題就是加個(gè)小括號(hào)便好，如 “您好，(@ViewBag.Name )先生” 還有一個(gè)辦法就是用一個(gè)html標(biāo)簽包起來(lái)，如“您好，<標(biāo)簽>@ViewBag.Name</標(biāo)簽>先生”，或者將先生用html標(biāo)簽包起來(lái)，都是可以的。 未預(yù)期的額外屬性 如果想要輸出一個(gè)c#的命名空間，而輸出的部分北榮要變成razor變量，類(lèi)別是System.Web.Mvc.Controller eg： @{ ViewBag.MvcNameSpace="System.Web.Mvc"; } 類(lèi)別是@ViewBag.MvcNameSpace.Controller 結(jié)果輸出會(huì)引發(fā)錯(cuò)誤，string未包含controller的定義，原因在于razor解析@ViewBag.MvcNameSpace時(shí)把Controller這段當(dāng)做是@ViewBag.MvcNameSpace的一個(gè)Controller屬性，因此解析錯(cuò)誤，遇到這種情況解決辦法也是加個(gè)小括號(hào),eg: @（ViewBag.MvcNameSpace）.Controller，就會(huì)輸出“System.Web.Mvc” 輸出Email地址與@跳脫子元 <超鏈接a ?href="aaabbb@qq.com">aaa</超鏈接a>,也許有人會(huì)說(shuō)@在razor里是個(gè)關(guān)鍵字，這里應(yīng)該放兩個(gè)@符號(hào)，其實(shí)不用，razor會(huì)自動(dòng)判斷前后文，只要@的前面和后面都有文字的話(huà)，預(yù)設(shè)這次@就會(huì)停用razor語(yǔ)法解析 <超鏈接a ?href="aaabbb@qq.com">aaa</超鏈接a>如果要將aaa的位置替換為變量 @{ ViewBag.BlogID="aaa"; } <超鏈接a ?href="@(ViewBag.BlogID)bbb@qq.com">aaa</超鏈接a>,也只要加個(gè)小括號(hào)就可以， 輸出未經(jīng)htmlEncode的字串 預(yù)設(shè)使用razor語(yǔ)法輸出變量，所有內(nèi)容預(yù)設(shè)都會(huì)被HTML編碼為HtmlEncode，這是為了保護(hù)網(wǎng)頁(yè)不致遭受跨網(wǎng)站腳本攻擊，有了這個(gè)預(yù)設(shè)值，能確保新手寫(xiě)出不安全代碼 eg: @{ ViewBag.Description="<標(biāo)簽 style='font-size:12px;'>描述文字</標(biāo)簽>"; } @ViewBag.Description 最后輸出的結(jié)果中會(huì)是htmlencode過(guò)的版本：大于號(hào)小于號(hào)雙引號(hào)都變成了&加一些字母的形式，解決辦法就是利用@Html.Raw輔助方法幫助我們輸出內(nèi)容?@Html.Raw（ViewBag.Description）這樣就會(huì)原封不動(dòng)的輸出我們想要的樣子。

轉(zhuǎn)載于:https://www.cnblogs.com/jinhaoObject/p/4597670.html

總結(jié)

以上是生活随笔為你收集整理的Razor与HTML混合输出陷阱与技巧的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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