5

我想使用用户脚本在站点中加载另一个脚本文件。但是，该js.onload事件无法正常工作。

用户脚本文件：

// ==UserScript==
// @name           Code highlight
// @description    Test
// @include        http://localhost/*
// @version        1.0
// ==/UserScript==

var js = document.createElement('script');
    js.src = "http://localhost/test/js/load.js";
    document.getElementsByTagName("head")[0].appendChild(js);
    js.onload = function(){
        console.log(A)
    }

load.js 文件：

var A = {
    name:'aa'
}


在 Chrome 中，控制台输出“未定义”，但 load.js 已完全加载。

我在 Firefox 中对其进行了测试，并且输出A正确。

4

1 回答 1

10

永远不要使用用户脚本中的.onload,.onclick等。 （在常规网页中这也是不好的做法）。

原因是用户脚本在沙箱（“孤立世界”）中运行，您不能在 Chrome 用户脚本或内容脚本中设置或使用页面范围的 javascript 对象。

始终使用addEventListener()（或等效的库函数，如 jQuery .on()）。此外，您应该在将节点添加到 DOMload之前设置侦听器。<script>

最后，如果您希望访问页面范围内的变量（A在这种情况下），您必须注入执行此操作的代码。（或者您可以切换到 Tampermonkey 并使用unsafeWindow，但Chrome 27 会导致问题。）

使用类似的东西：

addJS_Node (null, "http://localhost/test/js/load.js", null, fireAfterLoad);

function fireAfterLoad () {
    addJS_Node ("console.log (A);");
}

//-- addJS_Node is a standard(ish) function
function addJS_Node (text, s_URL, funcToRun, runOnLoad) {
    var D                                   = document;
    var scriptNode                          = D.createElement ('script');
    if (runOnLoad) {
        scriptNode.addEventListener ("load", runOnLoad, false);
    }
    scriptNode.type                         = "text/javascript";
    if (text)       scriptNode.textContent  = text;
    if (s_URL)      scriptNode.src          = s_URL;
    if (funcToRun)  scriptNode.textContent  = '(' + funcToRun.toString() + ')()';

    var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;
    targ.appendChild (scriptNode);
}


也许：

addJS_Node (null, "http://localhost/test/js/load.js", null, fireAfterLoad);

function fireAfterLoad () {
    addJS_Node (null, null, myCodeThatUsesPageJS);
}

function myCodeThatUsesPageJS () {
    console.log (A);
    //--- PLUS WHATEVER, HERE.
}

... ...
于 2013-05-29T05:37:13.537 回答