Asp.net mvc怎么在razor里写js代码

我试图在Razor里写JS代码,但是不行

<scripttype="text/javascript">
  
//some javascrpt code here to display map etc
  
  
//now add markers
 @foreach (var item in Model) {
  
      var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
      var title = '@(Model.Title)';
      var description = '@(Model.Description)';
      var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'
  
      var infowindow = new google.maps.InfoWindow({
          content: contentString
      });
  
      var marker = new google.maps.Marker({
          position: latLng,
          title: title,
          map: map,
          draggable: false
      });
  
      google.maps.event.addListener(marker, 'click', function () {
          infowindow.open(map, marker);
      });
  
  
      }
</script>

解决方法 1:

使用<text>这个伪元素来强制Razor从编译模式返回到内容模式:

<script type="text/javascript">
  
//some javascrpt code here to display map etc
  
  
//now add markers
 @foreach (varitem inModel) {
    <text>
      varmarkerlatLng = newgoogle.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
      vartitle = '@(Model.Title)';
      vardescription = '@(Model.Description)';
      varcontentString = '<h3>'+ title + '</h3>'+ '<p>'+ description + '</p>'
  
      varinfowindow = newgoogle.maps.InfoWindow({
          content: contentString
      });
  
      varmarker = newgoogle.maps.Marker({
          position: latLng,
          title: title,
          map: map,
          draggable:false
      });
  
      google.maps.event.addListener(marker,'click',function() {
          infowindow.open(map, marker);
      });
  
   </text>
      }
</script>

相关阅读:
网站代码优化总结
移动端 H5 页面注意事项
js基础知识点收集
2017-3-26 webpack入门（一）
gulp教程
less的使用
微信小程序接口封装
div上下左右居中几种方式
前端知识点-面试
call和apply

原文地址：https://www.cnblogs.com/sjqq/p/9031523.html