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

WBOY
풀어 주다: 2016-06-21 09:14:49
원래의
1462명이 탐색했습니다.

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


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿