使用MVC3 RAZOR视图引擎执行JavaScript？

我在MVC3 Razor视图引擎中有一个Index.cshtml页面，其中包含以下代码：

@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

<label id="lblClickMe" style="cursor:pointer"> Test Java Script Work in MVC Razor</label> || <label id="lblReset" style="cursor:pointer"> Rest    </label>

<br /><br /><br /><br />
<input type="text" id="txtResult"  style="width:300px"/>

有人修复这个错误吗

试试这个：

$(document).ready(function()
{
    $("#lblClickMe").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = "Java script work successfully"; 

    }) 

    $("#lblReset").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = ""; 

    }) 

});   

  <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $("#lblClickMe").click(function () {
         $("#txtResult").val("Java script work successfully");
        });
        $("#lblReset").click(function () {
          $("#txtResult").val("");
        });
    </script>

这确保在代码尝试连接单击事件之前，先加载页面中的HTML。

尝试以下操作：

$(document).ready(function()
{
    $("#lblClickMe").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = "Java script work successfully"; 

    }) 

    $("#lblReset").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = ""; 

    }) 

});   

  <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $("#lblClickMe").click(function () {
         $("#txtResult").val("Java script work successfully");
        });
        $("#lblReset").click(function () {
          $("#txtResult").val("");
        });
    </script>

这确保在代码尝试连接单击事件之前，先加载页面中的HTML。

尝试以下操作：

$(document).ready(function()
{
    $("#lblClickMe").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = "Java script work successfully"; 

    }) 

    $("#lblReset").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = ""; 

    }) 

});   

  <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $("#lblClickMe").click(function () {
         $("#txtResult").val("Java script work successfully");
        });
        $("#lblReset").click(function () {
          $("#txtResult").val("");
        });
    </script>

$（“#lblClickMe”）。单击（函数（）{
$（“#txtreult”）.val（“Java脚本工作成功”）；
});
$（“#lblReset”）。单击（函数（）{
$（“#txtreult”）.val（“”）；
});

试试这个：

$(document).ready(function()
{
    $("#lblClickMe").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = "Java script work successfully"; 

    }) 

    $("#lblReset").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = ""; 

    }) 

});   

  <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $("#lblClickMe").click(function () {
         $("#txtResult").val("Java script work successfully");
        });
        $("#lblReset").click(function () {
          $("#txtResult").val("");
        });
    </script>

$（“#lblClickMe”）。单击（函数（）{
$（“#txtreult”）.val（“Java脚本工作成功”）；
});
$（“#lblReset”）。单击（函数（）{
$（“#txtreult”）.val（“”）；
});

为什么不这样做

$("#lblClickMe").click(function () {
    document.getElementById("txtResult").value = "Java script work successfully";
});

或者在纯jQuery中：

$("#lblClickMe").click(function () {
    $("#txtResult").val("Java script work successfully");
});

为什么不这样做呢

$("#lblClickMe").click(function () {
    document.getElementById("txtResult").value = "Java script work successfully";
});

或者在纯jQuery中：

$("#lblClickMe").click(function () {
    $("#txtResult").val("Java script work successfully");
});

---

AnthonyWJones：我试过你的建议，但完全准备好的函数也会有同样的例外。@Mohammed:你试过浏览器的查看源代码函数吗？html看起来正确吗？是否已在浏览器中的错误控制台中检查JavaScript的解析错误？有任何引用的js文件被正确地传递了吗？AnthonyWJones：我尝试你的建议，但是完全准备好的函数会给出相同的异常。@Mohammed:你尝试过浏览器查看源代码函数吗？html看起来正确吗？是否已在浏览器中的错误控制台中检查JavaScript的解析错误？是否正确交付了任何引用的js文件？