0

我对 JavaScript 有一种复杂的情况。我已经创建了对象。该对象动态加载 JS、CSS 文件（参见加载函数）。我的问题是我想在加载对象文件时添加 onload 事件并更改该对象中的一些值。

我的对象构造函数：

function lib( type, url )
{
  //Varaibles
  this.URL = url;        //Files url
  this.TYPE = type;      //Files type( can by CSS or JS )
  this.READY = false;    //Files loaded status
  //Functions
  this.load = load;      //Method, which is called to start loading file
  this.status = status;  //Return READY status( false or true )
}

所以我正在尝试文件加载更改就绪状态。我想在加载函数中设置这个东西。现在我有这个加载功能：

function load()
{
    var object = this;
    switch ( this.TYPE.toUpperCase() )
    {
        case "JS" :
        {
            var script = document.createElement( "script" );
            script.setAttribute( "type", "text/javascript" );
            script.setAttribute( "src", this.URL );
            document.getElementsByTagName( "head" )[0].appendChild( script );


            if( navigator.appName == "Microsoft Internet Explorer" )
            {
                script.onreadystatechange = function () { this.READY = true; };
            } else {
                script.onload =function () { this.READY = true; };
            }

            break;
        }
        ( Here should be CSS loading... )
    }
}

所以伙计们，我需要看看我的代码，看看我做错了什么

4

2 回答 2

3

当事件处理程序被调用时，它在脚本元素上下文中完成并且this关键字指向它，而是使用它object.READY = true;。

于 2011-07-26T16:04:28.097 回答
1

如果您的问题与“readystatechange”事件有关，您可以尝试像这样修复它：

script.onreadystatechange = function () {
    if (this.readyState == 4)
        object.READY = true;
};
于 2011-07-26T16:12:38.137 回答