Question

我不确定为什么这不起作用但我有一个MVC视图，我想在页面上显示当前日期/时间/秒。我把javascript放在“Scripts / script.js”文件中。然后我在MVC视图的底部添加了以下内容。

@section scripts {

    <script src="~/Scripts/script.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            setDateTimer();
        });

    </script>

}

事情就是当我运行它时会发生错误。不幸的是，目前我无法看到实际的错误消息，因为他们配置了网站的方式任何错误只会带您到一般错误页面。我知道它与上面的代码有关，因为删除它会导致页面工作。

出于测试目的，我甚至删除了文件中除了简单的javascript代码之外的所有内容，但仍然无效。现在这就是我的script.js文件中的所有内容。

function setDateTimer() {
    var today = new Date();
}

我知道代码中.js文件的名称是正确的，因为我只是将它从解决方案资源管理器中拖放到页面中。

这是我的_Layout页面的大部分内容。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="~/Content/Site.css" rel="stylesheet" />
</head>
<body>
        <div class="container body-content">
            @RenderBody()
            <footer></footer>
        </div>

        <script src="~/Scripts/jquery-1.10.2.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        <script src="~/Scripts/modernizr-2.6.2.js"></script>
    </body>
</html>

Answer 1

布局页面没有地方可以呈现您可以更改的部分，如

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="~/Content/Site.css" rel="stylesheet" />
</head>
<body>
        <div class="container body-content">
            @RenderBody()
            <footer></footer>
        </div>

        <script src="~/Scripts/jquery-1.10.2.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        <script src="~/Scripts/modernizr-2.6.2.js"></script>
     @RenderSection("scripts",true)
    </body>
</html>

MVC 5查看调用JavaScript导致错误？

1 个答案: