Iframe 子页面与父页面方法调用

a.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function f()
    $('#a').contents().find("#bbb").val("ddd");
}
function fun()
{
    alert('弹出子页面调用的函数');
}
</script>
<div id="maindiv">test</div>
<iframe id="a" name="a" src="b.html" width="600" height="400"></iframe>
<br />
<input type="button" value="给子页面表单赋值" onclick="f()" />
b.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

function f()
{
    alert('开始调用父页面函数');
    $(window.parent.fun());
    $(window.parent.$("#maindiv").html("子页面赋过来的值"));

}
</script>
<form name="cform"><input type="text" name="b" id="bbb" /><input name="btn" type="button" onclick="f()" value="调用父函数并给父页面元素赋值" />
</form>