如何在asp.net中使用外部javascript文件

Question

我写了一个脚本来隐藏和显示我的asp.net Web应用程序的加载器.内联时脚本运行良好.我试图将脚本解压缩到外部文件并收到以下错误:

错误:属性"暂停"的值为null或未定义,而不是Function对象

我试图查找错误,但我无法找到问题的解决方案.我是asp.net的新手,所以我可能不确定如何搜索正确的问题.

我的内联代码有效:

<script type="text/javascript">

    function Pausing() {
        window.setTimeout(ShowLoader, 1);
    }

    function ShowLoader() {
        if ((typeof Page_IsValid === 'undefined') || 
            (Page_IsValid != null && Page_IsValid)) {
            var i = document.getElementById("loader");
            var img = document.getElementById("img");
            i.style.display = "block";
            setTimeout("document.images['img'].src=document.images['img'].src", 10);
            Endpausing();
        }
    }

    function HideLoader() {
        var i = document.getElementById("loader");
        i.style.display = "none";
    }

    function Endpausing() {
        window.setTimeout(HideLoader, 4000);
    }
</script>

事件调用附加到下面的asp:按钮控件:

<asp:Button ID="btnGetReport" runat="server" OnClick="btnGetReport_Click" OnClientClick="Pausing();" />

我删除了内联脚本并替换为此...

<script type="text/javascript" src="../../Scripts/Loader.js"></script>

在外部文件中添加了脚本:

window.onload = initAll;

function initAll() {

    function Pausing() {
        window.setTimeout(ShowLoader, 1);
    }

    function ShowLoader() {
        if ((typeof Page_IsValid === 'undefined') ||      // asp page has no validator
                (Page_IsValid != null && Page_IsValid)) {
            var i = document.getElementById("loader");
            var img = document.getElementById("img");
            i.style.display = "block";
            setTimeout("document.images['img'].src=document.images['img'].src", 10);
            Endpausing();
        }
    }

    function HideLoader() {
        var i = document.getElementById("loader");
        i.style.display = "none";
    }

    function Endpausing() {
        window.setTimeout(HideLoader, 4000);
    }
}

然后我收到前面提到的错误.

任何帮助将不胜感激!

Answer 1

始终使用ResolveUrl来调用这样的脚本文件

让我们假设您的脚本位于根路径的Script文件夹中,文件名为MyScriptFile.js

 <script type="text/javascript" src="<%= ResolveUrl ("~/Scripts/MyScriptFile.js") %>"></script>  

编辑:您可以根据需要使用ResolveUrl或ResolveClientUrl

ResolveUrl创建相对于根的URL,其中ResolveClientUrl创建相对于当前页面的URL.