Javascript 中的应用程序根目录

Question

我将尽可能多的 javascript 放在 MyApp.js 中，这样我就不必在 ASPX 页面中寻找标签。但是，当开发目录和部署目录不同时，我的应用程序根目录会出现问题，因此我使用全局变量（appRoot）来手动更改部署和开发时间之间的路径。我尝试了 window.location.url、window.location.host 等，但没有任何效果。因为我无法使用 <%: Url.Content("~/AppRoot") %>在 .js 中，如何使 .js 中引用的任何路径独立于我的部署目录所在的位置？感谢您的帮助。

var appRoot =  "/2_1/"; //deployment path  
//var appRoot = "/"; //development path

$(function () {
    $("#txtSSNPage1,#txtSSNPage2").blur(function () {
        if ($(this).val() != undefined && jQuery.trim($(this).val()).length != 0) {
        try {
            var form = $(this).parents('form:first');
            form.attr('action', appRoot + 'Controller1/SSN/' + escape(jQuery.trim($(this).val())));
            form.submit();
        }
        catch (err) {
            alert(err.description);
        }
    } //if
}); //blur

$("input#txtNamePage3").blur(function () {
    if ($(this).val() != undefined && jQuery.trim($(this).val()).length != 0) {
        try {
            var form = $(this).parents('form:first');
            form.attr('action', appRoot + 'Controller2/SSN/' + escape(jQuery.trim($(this).val())));
            form.submit();
        } catch (err) {
            alert(err.description);
        }
    } //if
}); //blur

$("input#txtNamePage4").blur(function () {
    if ($(this).val() != undefined && jQuery.trim($(this).val()).length != 0) {
        try {
            var form = $(this).parents('form:first');
            form.attr('action', appRoot + 'Controller2/FullName/' + escape(jQuery.trim($(this).val())));
            form.submit();
        } catch (err) {
            alert(err.description);
        }
    } //if
}); //blur

});

Answer 1

使用(.aspx)

<% response.write "<script>var appRoot =  """ & Url.Content("~/AppRoot") & """</script>" %>

您可以在应用程序的动态部分调用 .js 文件之前

Answer 2

如果每个页面上始终包含一个脚本，您可以使用其位置来识别站点根目录：

var myScript = $('script[src$="myscript.js"]');
var baseUrl = myScript.attr('src').substring(0, myScript.attr('src').length - "myscript.js".length);

如果您将该脚本存储在 Scripts 子目录或类似目录中，请根据需要调整第二行。