在母版页上为整个网站设置单个 Javascript 的情况下，如何仅针对一个（或 2）个子页面执行 JS 函数

Question

我正在开发一个仅使用单个 Javascript 的 .net 网站（到目前为止）。因为我被告知单一 JS 可以获得最佳性能等。首先，关于 JS 框架有什么建议，有什么前沿文章吗？

其次，当我尝试为子页面调用 JS 函数时遇到了一些问题。我尝试过类似的操作：

1.我想在页面加载后执行一个函数（即ispostback）

$("#div_ID").ready

2.在页面回发后执行一个函数（更新面板中的下拉列表回发）

pgRegMgr.add_beginRequest(BeginHandler)

function BeginHandler()
{$(".DDL_ClassName").change(function{.....});
}

两者都不起作用。系统无法识别 div 或 DDL。 我无法在“master”JS 中的 $(document).ready 或 .add_beginReqest() 中设置该函数，这会导致其他页面出现错误。有什么建议吗？或者我必须移动到多个 JS 文件吗？

此外，我没有编写内联 javascript，而是使用

$(document).ready(function{textchange});

function textchange(function { $(".textbox_class").change(.....)});

它适用于 Chrome 等，但不适用于 IE 7（也适用于 mb IE8）

任何人都可以帮助我吗？

多谢。

Answer 1

有几种不同的方法可以做到这一点。

就我个人而言，我不认为每个页面上都有 $(document.ready() 有什么问题。将所有函数保存在一个 .js 文件中，但只包含一些简单的初始化函数非常方便（而且仍然是轻量级的）在这种情况下，您将执行相同的操作：

//On the single page you want the function called on
$(document.ready(function() {
     textchange();
});

如果您不想在子页面上使用 $(document).ready()，则可以在 .js 文件中使用 if 语句。使用 window.location.pathname 获取文件的路径，并根据子页面的路径进行检查您的代码可能如下所示：

//In your main .js file
$(document).ready(function() {
     if(window.location.pathname == "/childPage.htm")
          textchange();
});