JS BOM frames子对象

<body style="background:pink"></body> // f_1.html

// f_2.html
<body style="background:orange"> 
<script type="text/javascript">
    //获取父级元素窗口的window对象
    // parent 是用来存储父级窗口的window对象
    window.onload = function() {
        parent.document.getElementsByTagName('body')[0].style.background = '#abc';
    }
</script>
</body>

<body style="background:yellowgreen"></body> // f_3.html

<iframe src="f_1.html" frameborder="0"></iframe>
<iframe src="f_2.html" frameborder="0"></iframe>
<iframe src="f_3.html" frameborder="0"></iframe>
<script type="text/javascript">    
var fs = window.frames;//获取当前子窗口的window对象

window.onload = function() {
    //获取第一个窗口的window对象   document.getElementsByTagName
    var f1 = fs[0];
    f1.document.getElementsByTagName('body')[0].style.background = 'red';
}
</script>