当前位置: 代码迷 >> Web前端 >> IFRAME 跨域 解决自适应的有关问题
  详细解决方案

IFRAME 跨域 解决自适应的有关问题

热度:105   发布时间:2012-11-15 15:16:13.0
IFRAME 跨域 解决自适应的问题!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
02	<html>
03	<head>
04	<script type="text/javascript">
05	if (window.addEventListener) { //for W3C DOM
06	    window.addEventListener("message", receiveSize, false);
07	} else if (window.attachEvent) { //for IE
08	window.attachEvent("onmessage",receiveSize);
09	}
10	    function receiveSize(e) {
11	        if (e.origin === "http://www.bar.net/") // for security: set this to the domain of the iframe - use e.uri if you need more specificity
12	            document.getElementById("bar").style.height = e.data + "px";
13	    }
14	</script>
15	</head>
16	<body>
17	<iframe id="bar" src="http://www.bar.net/iframe.html" scrolling="no" > </iframe>
18	</body>
19	</html>

www.bar.net/iframe.html
ソ┼スを表示
印刷SyntaxHighlighterについて
01	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
02	<html>
03	<head>
04	<script type="text/javascript">
05	if (window.addEventListener) { //for W3C DOM
06	    window.addEventListener("load", postSize, false);
07	}else if (window.attachEvent) { //for IE
08	window.attachEvent("onload",postSize);
09	}
10	    function postSize(e){
11	        var target = parent.postMessage ? parent : (parent.document.postMessage ? parent.document : undefined);
12	        if (typeof target != "undefined" && document.body.scrollHeight)
13	            target.postMessage(document.getElementById("foo").scrollHeight, "*");
14	    }
15	 
16	</script>
17	</head>
18	<body>
19	<div id="foo" style="height: 1500px; background:red;"></div>
20	</body>
21	</html>


哈哈 代码是从 鬼子 那里找来的 解决方法还不错!学习了
  相关解决方案