将JavaScript放在单独的JS文件中后，ASP.net MVC 3中的JScript运行时错误

Question

嗨，我在ASP.net MVC3中遇到了Javascript Runtime Error。 下面的代码片段工作正常，但是当我尝试将displayTime（）放入另一个.js文件时，这里的问题就解决了。...我试图将整个javascript函数放在一个单独的js文件中，然后添加如下所示的另一个导入：

<script src="@Url.Content("~/Scripts/customFunction.js")" type="text/javascript"></script>

Ive脚本导入后，...所有这些代码都放在我的_Layout.cshtml文件中。 但是不幸的是，在<body onload="displayTime()">发生了MS JScript运行时错误，提示<body onload="displayTime()">期望对象<body onload="displayTime()">

<body onload="displayTime()">
        <!-- scripts -->
        <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
        <script type="text/javascript">

        function displayTime()
        {

        }
    </script>
    </body>

这是JS函数的完整代码：

var serverTime = @DateTime.Now.TimeOfDay.TotalSeconds;
var serverOffset = serverTime - getClientTime();

function getClientTime()
{
    var time = new Date();

    return (time.getHours() * 60 * 60) +
        (time.getMinutes() * 60) + (time.getSeconds());
}

function displayTime()
{
    var serverTime = getClientTime() + serverOffset;
    var hours = Math.floor(serverTime / 60 / 60).toString();
    var minutes = Math.floor(serverTime / 60 % (hours * 60)).toString();
    var seconds = Math.floor(serverTime % 60).toString();

    hours = hours.length == 1 ? '0'+ hours : hours;
    minutes = minutes.length == 1 ? '0'+ minutes : minutes;
    seconds = seconds.length == 1 ? '0'+ seconds : seconds;

    document.getElementById("clock").innerHTML = hours + ":" +
        minutes + ":" + seconds; // <-- updates the "clock" div.

    setTimeout(displayTime, 1000); // <-- calls this function again in 1 second.
}

Answer 1

<head>
<script type="text/javascript">
var serverTime = @DateTime.Now.TimeOfDay.TotalSeconds;
</script>
<script src="@Url.Content("~/Scripts/customFunction.js")" type="text/javascript"></script>
</head>

<body onload="displayTime()">
</body>

Answer 2

包含此displayTime函数的脚本应放在您的<head>部分中。 另外，由于您使用的是jQuery，为什么不简单地使用$(document).ready函数呢？

将JavaScript放在单独的JS文件中后，ASP.net MVC 3中的JScript运行时错误

问题描述

2 个解决方案

解决方案1
1 已采纳 2013-06-17 07:28:00

解决方案2
0 2013-06-17 07:25:53

将JavaScript放在单独的JS文件中后，ASP.net MVC 3中的JScript运行时错误

问题描述

2 个解决方案

解决方案1 1 已采纳 2013-06-17 07:28:00

解决方案2 0 2013-06-17 07:25:53

解决方案1
1 已采纳 2013-06-17 07:28:00

解决方案2
0 2013-06-17 07:25:53