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

时间:2012-07-02 16:02:18

标签: javascript asp.net

我写了一个脚本来隐藏和显示我的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);
    }
}

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

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:5)

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

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

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

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

ResolveUrl创建相对于root的URL,其中as ResolveClientUrl创建相对于当前页面的URL。

答案 1 :(得分:0)

基于您的问题:如何在asp.net中使用外部JavaScript文件

<script type="text/javascript" src="http://www.xyz.com/test.js"></script>