通过 UpdatePanel 异步回发后重新加载外部 javascript

Question

我的页面上有一个外部 javascript，例如：

<script src="http://foo.com/script.js" type="text/javascript"></script>

和某个地方的 UpdatePanel。该脚本写入一些内容，并在 js 文件中的匿名 JavaScript 函数中执行此操作。即，脚本中有类似这样的内容：

(function(){document.write('content');})();

每当通过异步回发更新 UpdatePanel 时，脚本所做的一切（或我页面上的任何 javascript）都会被撤消。 对于普通的 javascript，我只会使用：

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(myFunction)

来重做所有这些，但由于脚本源文件中的函数是匿名的并且在定义时调用，所以我很 SOL！有什么想法吗？

注意：外部js源来自另一个域，其内容不在我的控制范围内。

Answer 1

尝试这个

private string _myScript = @"(function (){
                            var ys = document.createElement('script');
                            ys.type='text/javascript'; ys.async=true;
                            ys.src='http://foo.com/script.js';
                            var s = document.getElementsByTagName('script')[0];
                            s.parentNode.insertBefore(ys,s);
                            });";

然后在您的 Page_Load 中

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "myScript", _myScript , true); 

Answer 2

好的，我想出了“解决方案”（“肮脏丑陋的黑客”，如果你愿意的话）：我

不是直接加载 js 文件，而是通过读取文件的包装器加载它，将结果包装在自定义 javascript 中，将全局数组中的匿名函数，并在加载时和每次异步回发后调用该数组中的所有函数。

请不要在任何选美比赛中输入此解决方案。

Answer 3

这里真正的问题是我没有正确使用 UpdatePanels。如果页面上所有 UpdatePanel 的 UpdateMode 设置为 Conditional，并且 ScriptManager 启用了部分更新，那么它确实不应该“[撤消]脚本所做的一切”。