Maison > interface Web > tutoriel HTML > le corps du texte

ajax加载html文件并执行其中的js代码,加载css样式_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:14:49
original
1462 Les gens l'ont consulté

    function callback(res){

        var node = document.createElement('div');

        node.innerHTML = res;

        document.body.appendChild(node);

        var scriptNodes = node.getElementsByTagName('script');

        var len = scriptNodes.length;

        var styleNodes = node.getElementsByTagName('style');

        var len1 = scriptNodes.length;

        for(var i=0; i

            var scriptNode = document.createElement('script');

            if(scriptNodes[0].getAttribute('src')!='' && scriptNodes[0].getAttribute('src')!=null){

                scriptNode.setAttribute('src',scriptNodes[0].getAttribute('src'));

            }else{

                scriptNode.innerHTML = scriptNodes[0].innerHTML;

            }

            document.body.appendChild(scriptNode);

            node.removeChild(scriptNodes[0]);

        }

        for(var i=0; i

            var styleNode = document.createElement('style');

            if(styleNodes[0].getAttribute('src')!='' && styleNodes[0].getAttribute('src')!=null){

                styleNode.setAttribute('src',styleNodes[0].getAttribute('src'));

            }else{

                styleNode.innerHTML = styleNodes[0].innerHTML;

            }

            document.head.appendChild(styleNode);

            node.removeChild(styleNodes[0]);

        }

    }

    var xhr = null;

    if(window.XMLHttpRequest){

        xhr = new XMLHttpRequest();

    }else if(window.ActiveXObject){

        xhr = new ActiveXObject("Microsoft.XMLHTTP")

    }

    xhr.onreadystatechange = function(){

        if(xhr.readyState == 4){

            if(xhr.status == 200){

                callback(xhr.responseText);

            }

        }

    }

    xhr.open('get', 'main.html');

    xhr.send(null);


source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal