DEVELOPERS BLOGデベロッパーズブログ

  1. HOME > 
  2. 加藤 正人のデベロッパーズブログ > 
  3. iframe の中身の動的切り替え

加藤 正人のデベロッパーズブログ

加藤 正人

氏名
加藤 正人
役職
多分SE
血液型
秘密
出没
美味しいもののあるところ
特色
タヒチ大好き。ちょいメタボ。

加藤 正人

2017/12/02

iframe の中身の動的切り替え

 

iframe で表示する内容を、状態に応じて JavaScript で切り替える必要が出てきたのだが、なかなか一筋縄ではいかなかった。

結論から言うと、iframe の src 属性を書き換えてもダメ。src 属性の場合、静的設定・スクリプトによる動的設定を問わず、「最初に設定 (表示) されたもの」が表示されスクリプトでこの属性を書き換えても iframe 内の表示内容は書き換わらない。

これに対応するには、src 属性ではなく iframe エレメントの contentDocument.location.replace({URL}) 関数を使わねばならないことが判明。

よくやらかしそうなので、ここにメモしておく。

関連タグ: IFRAME  JavaScript 

関連エントリー