JS.Razor.CSHtml结合使用

razor和cshtml其实是服务器解析
js是客户端解析

razor(后台数据) 可以和 cshtml结合 也可以跟js 结合使用   
<text></text>是切换内容模式 可以理解为当前环境内容
就是说现在如果是在js中 script标签里面  加上text 就可以再里面写js 
如果是在div标签页面元素里面使用text 就可以写html内容 也可以加上script标签写js

注意:razor其实就是后台方法 后台数据  加载页面的时候在服务器上也会一并加载razor写法的内容
当页面元素展现出来之后 在客户端去解析js脚本  而这个时候其实razor所写的内容已经不存在了
所以razor不可以使用js变量 因为js是在razor之后解析的   而js可以使用razor变量数据
当然了在text中的内容还是可以使用当前环境的一些属性和一些变量

eg:

razor与js结合  可以直接在页面中写text中在加一步script  也可以在js中直接写
@foreach (var item in busseat)
{
    if (!string.IsNullOrEmpty(item.UnavailableSeat))
    {
       
        <text><script>$("img[alt='@item.UnavailableSeat']").attr("src", "/asset/img/seat-assignment_files/seat-1.png");</script> </text>
    }
}

<script>
@foreach (var item in busseat)
{
    if (!string.IsNullOrEmpty(item.UnavailableSeat))
    {
       
        <text>$("img[alt='@item.UnavailableSeat']").attr("src", "/asset/img/seat-assignment_files/seat-1.png");</text>
    }
}
</script>
razor与页面结合
 <input type=checkbox  @if(条件满足就选中){<text>checkd="checked"</text>}>


使用变量
<script>
var s="js";
 @foreach (var item in busseat)
        {
            if (!string.IsNullOrEmpty(item.UnavailableSeat))
            {
               var ss="razor";
               //这个时候 text文本中 本质是js  但是可以使用变量s 也可以使用@ss razor变量
                <text>s </text>
               <text>@ss </text>
            }

        }
</script>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值