javascript - 将 HTML 加载到 DIV 中，但保留 CSS，JS 包含

Question

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

好像只加载了DIV，其他页面的body，忘记了JS和CSS include。

我正在使用此代码将 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>

Answer 1

你为什么不使用一个 IFRAME 标签，它包含你想要显示的页面的 url 以及你想要使用的 js 和 css。

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