[解決済み] Javascriptでiframeのsrcを変更する

2022-10-23 09:06:55

質問

を変更しようとしています。 <iframe src=... > を変更しようとしています。なぜか私のコードは正しく動作しませんが、その理由がわからず困っています。以下は私が持っているものです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <title>Untitled 1</title>

  <script>
  function go(loc) {
    document.getElementById('calendar').src = loc;
  }
  </script>
</head>

<body>
  <iframe id="calendar" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe>

  <form method="post">
    <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Day
    <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Week
    <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Month
  </form>

</body>

</html>

どのように解決するのですか？

この場合、ここで間違った括弧を使用していることが原因でしょう。

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

は

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

[解決済み] Javascriptでiframeのsrcを変更する

質問

どのように解決するのですか？

関連

[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は？

[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は？

[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか？

[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか？

[解決済み] JavaScriptで現在のURLを取得する？

[解決済み】JavaScriptの比較では、どちらの等号演算子（== vs ===）を使うべきですか？

[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法

[解決済み】オブジェクトからプロパティを削除する(JavaScript)

[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか？

[解決済み] javascriptでオプションのパラメータを扱う

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか？

[解決済み] アサインの左側にJavascriptのオブジェクトブラケット表記（{ ナビゲーション } =）があります。

[解決済み] 無効になっている入力フィールドの値を送信する

[解決済み] Javascript 空の配列の削減

[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか？

[解決済み] javascript includes() 大文字小文字を区別しない

[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する

[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか？

[解決済み] JSHintの'+'前の改行不良の説明

[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)