这篇文章虽然是2008年写的，比较旧，但是问题讲的通俗易懂，一看就明白那种，感觉不错，就翻译出来了。
有这样的一个想当普遍的场景就是：你有一个包含iframe的页面，而这个iframe的src是指向和当前页面不同的域名。这样做是没错的，记住iframe就是这样设计的！
接下来的示例图展示我们要讨论的一种方案：
现在你想单击iframe里的一个链接，在父页面里来触发一个动作(可能是在父页面里提交一个表单，可能是在父页面里调整iframe的高度)。这时你遇到了困难，因为浏览器不让你访问不用域名下的javascript脚本里的方法或者属性。
如果一个iframe的src指向的域名与包含他的父页面的域名不一样，这时父页面和iframe通信就会遇到同源的限制，因为浏览器基于内建的安全策略会阻止这种行为。一个相对不那么痛苦的解决方案是需要一个额外的iframe（请看下图）。
现实中的例子：
你可以在 sky movies上看到一个正在运行的例子，在这个网站上iframe随着它包含的iframe改变而改变大小。这是在iframe内部控制的。
首先,为什么我们需要实现像这样的解决方案？
因为，movies.sky.com的首页能够设置iframe的高度，但不能获得iframe的内容高度，而iframe 的document能够获得高度但是不能设置包围他的iframe的高度。
关于解决方案每个组件块的解释：
使用下面的例子页面，我们能够创建一个关于这种技术的演示。
下面是主页面的源码（上边草图中标的[1]）,它包含一个iframe和一个将被用来设置iframe大小的方法。
<html>
<head>
<title>Page hosted on example.com</title>
<script type="text/javascript">
function resizeIframeHeight(nHeight) {
var iframe = document.getElementById('mainIframe');
iframe.setAttribute('height', nHeight);
}
</script>
</head>
<body>
<h1>This page is hosted on the example.com domain</h1>
<p>The iframe below is hosted on the example.org domain</p>
<iframe id="mainIframe" width="400" height="200" src="http://example.org/iframedDocument.html">Iframes not supported.</iframe>
</body>
</html>下面是iframe页面的源码（上边草图中标的[2]），它包含一个额外的iframe和一些实习技术的脚本。
<html>
<head>
<title>Page hosted on example.org</title>
<script type="text/javascript">
function updateIframeHeight() {
var iframe = document.getElementById('hiddenIframe');
var newHeight = parseInt(document.body.offsetHeight,10) + 10;
iframe.src = 'http://example.com/xssEnabler.html?height=' + newHeight;
}
</script>
</head>
<body οnlοad="updateIframeHeight()">
<h1>This page is hosted on the example.org domain</h1>
<p>The iframe below is hosted on the example.com domain (and be styled to be hidden)</p>
<iframe id="hiddenIframe" width="100" height="100" src="http://example.com/xssEnabler.html">Iframes not supported.</iframe>
</body>
</html><script type="text/javascript">
function getFirstParamFromLocation() {
var pair = window.location.search.substring(1);
var parts = pair.split('=');
return parts[1];
}
var nHeight = getFirstParamFromLocation();
try {
window.top.resizeIframeHeight(height);
} catch(e) {};
</script>
原文：
http://www.codecouch.com/2008/10/cross-site-scripting-xss-using-iframes/
408
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
