4

iframe を使用する代わりに、次の方法を使用してページの中央のペインを更新したいと考えています。

以下について、少しでもお役に立てれば幸いです。中央のペインに読み込みたい別の HTML ページがある場合、その正しい構文は何でしょうか?

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

innerHTML の後に取得する必要がある属性は何ですか?

または、他の呼び出しを使用して行う必要があります。

4

3 に答える 3

3

万が一jQueryを使用している場合は、次のように簡単にできます。

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

于 2012-06-06T19:22:15.807 に答える
3

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');
于 2012-06-06T19:43:25.307 に答える
1

これを行うには ajax を使用する必要があります。例: http://jsfiddle.net/wGw9X/1/

また、jQuery を使用して単純化し、クロスブラウザーの互換性を高めることもできます (すべきです)。jquery では、1 行のコードになります。

編集:読み込みファイルのより良い例を使用するように jsfiddle リンクを更新しました。

于 2012-06-06T19:26:29.893 に答える