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>
JS.Razor.CSHtml结合使用相关推荐
- MVC 3.0 学习笔记(Razor CSHTML))
MVC 3.0 新的WebPages设计,他给我们简洁的代码实现方案.简单的@标记就可以代替成对出现的<% %> _Layout.cshtml布局页面即和aspx的母版页相似. Razor ...
- MVC3.0 中Razor 学习 cshtml文件
随着MVC3.0RTM版本的发布,最近将公司的项目从MVC2.0升级到MVC3.0.同时打算在MVC3中全面使用Razor模板引擎.现将Razor学习拿出来和大家分享,如果存在不足的地方欢迎您指 ...
- MVC3.0 中Razor 学习
为什么80%的码农都做不了架构师?>>> 随着MVC3.0RTM版本的发布,最近将公司的项目从MVC2.0升级到MVC3.0.同时打算在MVC3中全面使用Razor模板引擎.现 ...
- MVC的增删改和Razor
ASP.NET MVC中的增删改查 基本都要使用C控制器中的两个action来完成操作,一个用于从主界面跳转到新页面.同时将所需操作的数据传到新界面,另一个则对应新界面的按钮,用于完成操作.将数据传回 ...
- ASP.NET Core 文件系统
静态文件 目录浏览 默认页面 MIME类型配置 实战文件服务器 紧接上一讲 中间件 之后,今天来我们来讲一下关于 ASP.NET Core 中静态文件服务. 什么是静态文件? 先看一下下面例子(在客 ...
- 七、制作主题(二) Anatomy of a theme
Where Themes Live 主题必须放在网站/Themes/目录下. TheThemeMachine TheThemeMachine是Orchard的内建主题,你能通过这个主题来学习Orhca ...
- Visual Studio 2019 发行说明
原文:https://docs.microsoft.com/zh-cn/visualstudio/releases/2019/release-notes 单击按钮即可下载最新版 Visual Stud ...
- ASP.NET MVC – 模型简介
MVC 模型包含了除纯视图和控制器逻辑以外的其他所有应用程序逻辑(业务逻辑.验证逻辑.数据访问逻辑). MVC 模型 MVC 模型包含了除纯视图和控制器逻辑以外的其他所有应用程序逻辑(业务逻辑.验证逻 ...
- ASP.NET MVC增删改查
ASP.NET MVC中的增删改查 基本都要使用C控制器中的两个action来完成操作,一个用于从主界面跳转到新页面.同时将所需操作的数据传到新界面,另一个则对应新界面的按钮,用于完成操作.将数据传回 ...
最新文章
- 数据丢失如当头棒喝,数据备份重如山!
- sql 发送邮件网络附件_利用VBA发送附件电子邮件
- opencv函数findcontours_OpenCV 中的轮廓应用
- CodeForces - 1593G Changing Brackets(思维)
- Kotlin 能追赶上 Java 的步伐吗?
- C# Excel 读写数据
- LabWindows操作Access
- 硬核科普 | 关于半导体行业IGBT晶圆发展及应用技术详解
- MFI认证——什么是苹果MFI认证
- Read timed out executing GET (读取执行GET超时)
- GNU Screen的使用方法
- linux 编译pcl,PCL/python-pcl Linux源码编译安装
- python 上传图片到七牛云上
- 电阻组合c语言程序,【C语言及程序设计】项目1-4-2-2:计算并联电阻
- 用python获取图形对象的坐标集合
- r调用python任何模块_RStudio不通过rPython加载所有Python模块
- 11.16上海交大PMP试题每日一题
- Java实现随机密码生成
- java jtable 分页_Jtable分页查询完整实现
- 蚂蚁、小鸟、大象 引发的面向对象问题
热门文章
- linux 服务器 ssd,关于linux:搭载固态硬盘的服务器究竟比机械硬盘快多少
- c#教程之通过数据绑定修改数据
- 智源社区AI周刊No.99:OpenAI发布接近人类水平的语音识别系统Whisper;马毅:智能的计算和科学研究将融合...
- ExtJs之Text文本框Text和文本域TextArea
- .NetCore框架Surging系列(六)路由发现
- 快速以管理员运行cmd
- leetcode 1037. 有效的回旋镖(三点共线问题)
- html改变元素外边距,CSS 简明教程 - 外边距 ( margin ) 属性
- 公羊优链蜘蛛池【高权重】(白狐 公羊seo)
- (1)WireShark