我不确定为什么这不起作用但我有一个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>
答案 0 :(得分: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>