iframe

iframeを複数利用する方法

IEでは複数iframeを表示できたが、なぜかfirefoxやchromeでは１つ目のiframeしか表示されない。

• Firefoxで複数のiframeを表示させる：Web Tips：So-net blog

回避策

<!--[if IE]>
<iframe src="〜" width="250" height="170"></iframe>
<![endif]-->

<!--[if !IE]>
<object type="text/html" data="〜" width="250" height="170"></object>
<![endif]-->

chrome35のバージョンアップにともなうiframeの動作変更(?)

<iframe name="iframe1">
</iframe>

この領域に以下で中身を替えていたが、chromeがバージョンアップにともない
以下書き方はできなくなった。

以下は動かなくなった

<script>
iframe1.location.href = "/url1/index.html";

以下は動く

<script>
iframe1.src = "/url1/index.html";

参考
firefoxでiframeをlocation.hrefしたい - Gpso.info 開発ブログ

iframeのinnerHTML取得方法

IEでは以下のように取得できていたが、firefoxでは取得できないことがわかった。

以下はIE以外には対応していない

form1.contents.value = frames.frame1.document.body.innerHTML;

• 参考: Javascript Iframe innerHTML - Stack Overflow

修正版

function getIframeInnerHTML() {
	var form1 = document.frm1;
	if (typeof(frames.frame1.document) !== "undefined") {
		// IE
		return frames.frame1.document.body.innerHTML;
	} else {
		// firefoxなど
		var x = document.getElementById("frame1");
		var y = (x.contentWindow || x.contentDocument);
		if (y.document) {
			y = y.document;
		}
		return y.body.innerHTML;
	}
}
form1.contents.value = getIframeInnerHTML();