Question

我们正试图通过在另一个网站上添加w3-include-html函数来包含我们的网站，然后再对* .js文件添加一些xmlhttprequests。

function loadJS(url,onDone,onError){
var xhr=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
xhr.onreadystatechange=function(){
    if(xhr.readyState==4){
        if(xhr.status==200||xhr.status==0){
            setTimeout(function(){
                try{
                    eval(xhr.responseText);
                }catch(e){
                }
                onDone();
            }.bind(this),1);
        }else{
        }
    }
}.bind(this);
try{
    xhr.open("GET",url,true);
    xhr.send();
}catch(e){
}};

这似乎可行，只有从另一个.js文件中调用函数才能停止执行。从浏览器控制台手动调用该函数会引发
未捕获的ReferenceError：未定义闪屏在：1：1
这只会在也是原型的函数中发生。

第一个.js文件：

var eless = function () {
this.$body = $('body');
var self = this;
window.dataLayer = window.dataLayer || [];

this.init();
this.loop();
console.log("before");
new splash();
console.log("after");

第二个.js文件：

var splash = function() {
console.log('after after');
console.log(this.init);
this.init();
console.log("after after after");
};
splash.prototype = {
init: function () {
    var self = this;
[...]

Answer 1

eval在本地范围内工作，因此您的

eval(xhr.responseText);

...运行代码，就好像它在该回调中一样。顶级函数声明等不会是全局的。

如果要在全局范围内评估代码，则可以使用“间接eval”技巧：

(0, eval)(xhr.responseText);

但是，我强烈建议您退后一步，重新评估您的工作。使用XHR请求脚本代码后，eval似乎不可用。您可以只在页面上附加一个script元素。

XMLHttpRequest JavaScript原型不起作用

1 个答案: