正しい構文を使用して JavaScript で iframe src を動的に更新する方法

JavaScript で iframe src を変更する

対話型 Web アプリケーションを開発する場合、多くの場合、iframe のソース (src) 属性を変更する必要があります。ユーザーがページを操作するとき。これにより、ユーザーの入力や設定に基づいて、さまざまなコンテンツを iframe に動的に読み込むことができます。ただし、iframe src が適切に更新されるようにするには、正しい構文とイベント ハンドラーを使用することが重要です。

提供されたコード例では、問題は、JavaScript 関数で括弧が誤って使用されていることにあります。 iframe の src を変更します。 document.getElementById['calendar'].src = loc; という行ID によって要素にアクセスするための正しい構文を使用するように変更する必要があります: document.getElementById('calendar').src = loc;.

この修正により、コードは意図したとおりに機能し、iframe src が許可されるようになります。ユーザーがいずれかのラジオ ボタンを選択すると変更されます。参考のために修正されたコードを次に示します:

<code class="html"><script>
  function go(loc) {
    document.getElementById('calendar').src = loc;
  }
</script></code>

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