Динамическая CSS в родительском окне в Internet Explorer - PullRequest
Новая
       14

Динамическая CSS в родительском окне в Internet Explorer

0 голосов
/ 25 октября 2010

Мне нравится добавлять динамический файл CSS в окно Parent . Я строю этот код для него: 

<code>
function LoadJSCSSFile(filePath,fileType,parentBOO){
    //-
    var fileRef;            // Get the file reference
    //-
    //Set external JavaScript/CSS file
    switch(fileType){
        case "js":
            fileRef = document.createElement('script');
            fileRef.setAttribute("type","text/javascript");
            fileRef.setAttribute("src", filePath);
            break;
        case "css":
            fileRef = document.createElement("link");
            fileRef.setAttribute("rel", "stylesheet");
            fileRef.setAttribute("type", "text/css");
            fileRef.setAttribute("href", filePath);
            break;
        default:
            return;
            break;
    }

    //Load the file
    if(parentBOO){
        parent.document.getElementsByTagName("head")[0].appendChild(fileRef);
    }else{
        document.getElementsByTagName("head")[0].appendChild(fileRef);
    }
}

Хорошо работает в FireFox и Chrome, но в Internet Explorer 6,7 (я пока не проверяю в 8,9) я получаю следующую ошибку JavaScript: "Недействительным аргумент" На этой линии: parent.document.getElementsByTagName("head")[0].appendChild(fileRef);

Мне было интересно, что это потому, что междоменная безопасность, поэтому я добавляю эту строку в родительском окне: "document.domain = '127.0.0.1';"

Но его не справка.

1 Ответ

0 голосов
/ 25 октября 2010

Я нашел решение. Проблема заключалась в том, что я создал элемент не на том же объекте окна. Чтобы исправить это, я добавляю строку: parent.document.CreateElement вместо: document.CreateElement

Фиксированный код: 


function LoadJSCSSFile(filePath,fileType,parentBOO){
    //-
    var fileRef;            // Get the file reference
    //-
    //Set external JavaScript/CSS file
    switch(fileType){
        case "js":
            if(parentBOO){
                fileRef = parent.document.createElement('script');
            }else{
                fileRef = document.createElement('script');
            }
            fileRef.setAttribute("type","text/javascript");
            fileRef.setAttribute("src", filePath);
            break;
        case "css":
            if(parentBOO){
                fileRef = parent.document.createElement("link");
            }else{
                fileRef = document.createElement("link");
            }
            fileRef.setAttribute("rel", "stylesheet");
            fileRef.setAttribute("type", "text/css");
            fileRef.setAttribute("href", filePath);
            break;
        default:
            return;
            break;
    }

    //Load the file
    if(parentBOO){
        parent.document.getElementsByTagName("head")[0].appendChild(fileRef);
    }else{
        document.getElementsByTagName("head")[0].appendChild(fileRef);
    }
}
...