还有一个选项比@:和<text></text>。

使用<脚本>块本身。

当你需要依赖Razor代码执行大块JavaScript时，你可以这样做:

@if(Utils.FeatureEnabled("Feature")) {
    <script>
        // If this feature is enabled
    </script>
}

<script>
    // Other JavaScript code
</script>

这种方式的优点是它不会过多地混合JavaScript和Razor，因为过多地混合它们最终会导致可读性问题。此外，大的文本块也不是很可读。

那些像我这样没有Json的人。编码可用，可以尝试这一点。

<script type="text/javascript">
    var model = @Html.Raw(Json.Serialize(Model))
</script>

前面的解决方案都不能正常工作。我已经试过了所有的方法，但都没有达到预期的效果。最后我发现代码中有一些错误……完整的代码如下所示。

<script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: new google.maps.LatLng(23.00, 90.00),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    @foreach (var item in Model)
    {
        <text>
            var markerlatLng = new google.maps.LatLng(@(item.LATITUDE), @(item.LONGITUDE));
            var title = '@(item.EMP_ID)';
            var description = '@(item.TIME)';
            var contentString = '<h3>' + "Employee " +title+ " was here at "+description+ '</h3>' + '<p>'+" "+ '</p>'

            var infowindow = new google.maps.InfoWindow({
                // content: contentString
            });

            var marker = new google.maps.Marker({
                position: markerlatLng,
                title: title,
                map: map,
                draggable: false,
                content: contentString
            });

            google.maps.event.addListener(marker, 'click', (function (marker) {
                return function () {
                    infowindow.setContent(marker.content);
                    infowindow.open(map, marker);
                }
            })(marker));
        </text>
    }
</script>

您看到了哪些具体的错误?

这样做会更好:

<script type="text/javascript">

//now add markers
 @foreach (var item in Model) {
    <text>
      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>'
    </text>
}
</script>

注意，foreach后面需要神奇的<text>标记来指示Razor应该切换到标记模式。

还有一个选项比@:和<text></text>。

使用<脚本>块本身。

当你需要依赖Razor代码执行大块JavaScript时，你可以这样做:

@if(Utils.FeatureEnabled("Feature")) {
    <script>
        // If this feature is enabled
    </script>
}

<script>
    // Other JavaScript code
</script>

这种方式的优点是它不会过多地混合JavaScript和Razor，因为过多地混合它们最终会导致可读性问题。此外，大的文本块也不是很可读。

只要它在CSHTML页面中，而不是外部JavaScript文件中，就可以正常工作。

Razor模板引擎不关心输出什么，也不区分<script>或其他标记。

但是，您需要对字符串进行编码以防止XSS攻击。