div后台打開頁面

Question

我正在制作一個有兩個div列的網站。 在右列中，我有許多按鈕，當我單擊時，我希望它們在右列中的按鈕后面打開，以便您仍然可以看到這些按鈕。 理想情況下，我希望不使用iframe來執行此操作。 我嘗試使用Ajax，但不確定為什么它不起作用。 這是代碼：

CSS：

html,
body {
height: 100%;
margin: 0px auto;
}

#main,
#col_l,
#col_r
{
height: 100%;
}

div[id*="col"]
{
float: left;
width: 50%;
overflow: auto;
}   

#col_r{
overflow:hidden;
}   

Javascript：

function loadXMLDoc() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("col_r").innerHTML=xmlhttp.responseText;
     }
 }
 xmlhttp.open("POST","video.html",true);
 xmlhttp.send();
 }

HTML鏈接：

<div id=col_r>
<a href="javascript: loadXMLDoc();">test</a>
</div>

讓我知道你的想法。 非常感謝！

Answer 1

可能存在兩個問題：

1. 您需要從本地http服務器（例如localhost:3000/index.html ）運行html； 如果直接從文件系統（如網址欄中的file:///D:/index.html打開代碼，則代碼將無法正確運行。 它會在控制台中返回以下錯誤：

   XMLHttpRequest無法加載file：/// D：/video.html。 跨源請求僅支持HTTP。

2. 嘗試使用xmlhttp.open("GET","video.html",true); 如果您只是讀取靜態html文件，則可以使用POST方法代替。