Javascript を使用して iframe src を正しく変更する方法

JavaScript を使用した iframe src の変更

この記事では、ユーザー操作に応じて iframe 要素の src 属性を変更する問題について説明します。ラジオボタンをクリックするのと同じように。提供されたコードは、選択されたラジオ オプションに基づいて、さまざまなカレンダー ビューを iframe に動的に読み込むことを目的としています。

元のコードには、マイナーだが重大なエラーが含まれています:

document.getElementById['calendar'].src = loc;

上記の行では、間違ったものが使用されています。 ID「calendar」を持つ要素にアクセスするには、括弧表記を使用します。要素アクセスの正しい構文は次のとおりです。

document.getElementById('calendar').src = loc;

元のコードで角かっこを使用すると、ドキュメントから返された値に対して存在しないメソッド getElementById が呼び出されます。これにより、ターゲット要素の検索に失敗し、src 属性の変更が有効になりませんでした。

この問題を修正するには、この修正を組み込んだ後、構文を次のように更新する必要があります。

function go(loc) {
    document.getElementById('calendar').src = loc;
}

の場合、コードは意図したとおりに機能します。ラジオ ボタンが選択されると、iframe の src 属性が更新されて、対応するカレンダー ビューがロードされます。

以上がJavascript を使用して iframe src を正しく変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。