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

Use innerHTML to reload the center pane of the page

本文关键字：心窗 加载 innerHTML 新加载 使用      更新时间：2023-09-26

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

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

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

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

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

如果您没有使用 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');

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

$（'#centerPage'）.load（'SampleHTML.htm'）;

你必须使用 ajax 来做到这一点。示例：http://jsfiddle.net/wGw9X/1/

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

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

相关文章：