如何在asp.net用户控件中动态附加脚本标签？

Question

我有用户控件（myUserControl.ascx）。因为我试图附加脚本标签并动态分配“src”，然后检查 onload 和 onerror 事件，但它似乎不起作用。我在按钮单击时调用 PerformDynamicJS。

function PerformDynamicJS(){
var scriptGoogle = document.createElement("script");
scriptGoogle.type = "text/javascript";
scriptGoogle.src = "myscript.js";
scriptGoogle.onload = function (evt) {
            alert('Inside onload');
        }
 scriptGoogle.onerror = function (evt) {
            alert('Inside on error');
        }
}

Answer 1

将新创建的标签添加到文档中：

document.getElementsByTagName('head')[0].appendChild(scriptGoogle);

Answer 2

var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "url to the script file here");
document.getElementsByTagName("head")[0].appendChild(script);

我之前用脚本查找过“onload”，我不记得找到过这样的事件。我最终编写了一个基于计时器的 js 代码来频繁检查预期在正在下载的脚本中定义的对象。因此，要么您这样做，要么：为什么不简单地不在插入脚本标记的代码中执行任何操作 - 相反，当您的脚本准备就绪时，您有一个完美的时机：将“未包装”代码添加到脚本本身（例如 alert("I，脚本已加载，我已准备好使用我提供的这些功能");。

并且，这里没有“错误”情况：脚本将下载或者它不会（无论出于何种原因：如果确实[下载]，则在执行/使用该脚本时可能发生的任何错误都与传输无关（这些错误的处理方式应与处理任何错误的方式相同）。其他脚本错误），所以你在这里使用“onerror”的意图不适合+1:)

编辑：如果它没有下载，那么它就不会执行，你将无法使用它。 。如果您的客户端代码确实在等待，那么您将不得不编写某种基于计时器的超时逻辑；例如，在上面的“add to head”行之后，执行如下操作：

window.setTimeout(function()
{
    // object/variable "newScriptObject" is defined in the new script
    if(!newScript)
    {
        // script timed out; let's proceed with plan B
    }
    else
    {
        // script ready, proceed as planned;
        // although, like I said, I think it's more precise if you execute this code in your myscript.js instead - as maybe that code will be ready before the 5 sec assumed here
        // alternatively, use window.setInterval to check for objects defined this script every so milliseconds, in which case, when you find the script, don't forget to stop that timer (window.clearInterval)
    }
}, 5000); // wait 5 sec for the new script

最后，在此上下文中不存在“部分下载”之类的事情。正常的浏览器不会开始执行脚本不仅没有被完全下载，而且还没有被解析（解释）。 “解释”部分就是为什么当您在某处缺少大括号或由于其他语法错误时，您会看到 JS 错误，这些错误通常指向不相关的位置。至少缺少一个大括号就属于这一类，因为这种语法错误实际上完全“转移”（某种）代码块，使得无法弄清楚什么是什么。抱歉在这里有点偏离主题。