将HTML加载到DIV中,但保留CSS,JS包括

时间:2013-04-24 13:20:15

标签: javascript jquery ajax

我有一个索引页面,我想从一个非常不同的目录加载DIV另一个页面,但我希望将加载到DIV中的页面保持CSS和JS包含,是否可能?

似乎它只加载到DIV,另一页的正文并忘记JS和CSS包含。

我正在使用此代码将HTML加载到div:

<script type="text/javascript">
            function processAjax(url) { 

                if (window.XMLHttpRequest) { // Non-IE browsers 
                    req = new XMLHttpRequest(); 
                    req.onreadystatechange = targetDiv; 
                    try { 
                        req.open("GET", url, true); 
                        } catch (e) { 
                        alert(e); 
                    } 
                    req.send(null); 
                    } else if (window.ActiveXObject) { // IE 
                    req = new ActiveXObject("Microsoft.XMLHTTP"); 
                    if (req) { 
                        req.onreadystatechange = targetDiv; 
                        req.open("GET", url, true); 
                        req.send(); 

                    } 
                } 
            } 

            function targetDiv() { 
                if (req.readyState == 4) { // Complete 
                    if (req.status == 200) { // OK response 
                        document.getElementById("mContent").innerHTML = req.responseText; 
                        } else { 
                        alert("Problem: " + req.statusText); 
                    } 
                } 
            }  
        </script>



用法:

<a href="javascript:processAjax('./DataTables/extras/Editor/treinamentos/index.html');">My Page</a>

1 个答案:

答案 0 :(得分:3)

为什么不使用包含您希望使用js和css显示的页面网址的IFRAME标记。

<iframe src="mypage.html"></iframe>