javascript - 使用 innerHTML 重新加载页面的中心窗格

Question

我想使用以下方法来更新页面的中心窗格，而不是使用 iframe。

我想在以下方面获得一些帮助。如果有另一个 HTML 页面我想加载到中心窗格中，它的正确语法是什么？

document.getElementById( 'centerPane' ).innerHTML.??? = 'SampleHTML.htm' ;

在 innerHTML 之后我需要获得什么属性？

或者我应该使用其他一些电话来做到这一点。

Answer 1

如果你有机会使用 jQuery，它可以很简单：

$('#centerPage').load('SampleHTML.htm');

Answer 2

如果您没有使用 jQuery 或其他内置 ajax 方法的库：

var setHtml = function (element, url) {

    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            element.innerHTML = xhr.responseText;
        }
    };

    xhr.timeout = 10000;
    xhr.open('GET', url, true);
    xhr.send();
};

然后像这样简单地调用 setHtml 函数：

setHtml(document.getElementById('centerPane'), 'SampleHTML.htm');

Answer 3

您必须使用 ajax 来执行此操作。示例：http: //jsfiddle.net/wGw9X/1/

您也可以（应该）使用 jQuery 来简化它并使其更适合跨浏览器编译。在 jquery 中，它只是一行代码。

编辑：更新 jsfiddle 链接以使用更好的示例加载文件。