首頁 >web前端 >html教學 >ajax加载html文件并执行其中的js代码,加载css样式_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-21 09:14:491476瀏覽

    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);


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn