DEVELOPERS BLOGデベロッパーズブログ
- HOME >
- 加藤 正人のデベロッパーズブログ >
- iframe の中身の動的切り替え
加藤 正人のデベロッパーズブログ
- 氏名
- 加藤 正人
- 役職
- 多分ＳＥ
- 血液型
- 秘密
- 出没
- 美味しいもののあるところ
- 特色
- タヒチ大好き。ちょいメタボ。
- 2020/12/15
- CakePHP3 のリダイレクトがうまく行かない例
- 2020/11/12
- Apache Bench
- 2020/10/05
- PhpSpreadsheet でExcel ファイルを読み込む (CakePHP3)
2017/12/02
iframe の中身の動的切り替え
iframe で表示する内容を、状態に応じて JavaScript で切り替える必要が出てきたのだが、なかなか一筋縄ではいかなかった。
結論から言うと、iframe の src 属性を書き換えてもダメ。src 属性の場合、静的設定・スクリプトによる動的設定を問わず、「最初に設定 (表示) されたもの」が表示されスクリプトでこの属性を書き換えても iframe 内の表示内容は書き換わらない。
これに対応するには、src 属性ではなく iframe エレメントの contentDocument.location.replace({URL}) 関数を使わねばならないことが判明。
よくやらかしそうなので、ここにメモしておく。
関連タグ：
IFRAME
JavaScript
関連エントリー
- 2020/07/03
- YOLP (Yahoo! Open Local Platform) のサービス縮小
- 2017/09/06
- CakePHP 2.x の Cookie と js.cookie.js
- 2015/11/07
- JavaScript でのクロージャからの外部変数参照
- 2014/11/08
- Google Maps で郵便番号⇒住所変換
- 2013/10/22
- Google Maps Javascript API V2 提供終了
- 2013/09/17
- Google Bot と JavaScript
- 2013/08/10
- IE と IFRAME のワナ
- 2013/06/08
- IE のワナ (script タグの type 属性値)
- 2013/05/11
- 「JavaScript でバリデーション」を拡張したい
- 2013/03/23
- IE10 と CKEditor
- 2013/03/09
- JavaScript でバリデーション
- 2013/02/23
- JavaScript で入力フィールドの文字カウンタを実装してみる
- 2012/12/08
- SyntaxHighlighter ではまった話
名古屋オフィス 東京オフィス
入力例：CSS、ポータルサイトなど
2020/12/15
2020/11/12
2020/10/05
2020/09/11
2020/08/03
