frameset里的一个frame1使用js获取另一个frame2里的内容

 index.html 页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>index</title>
    </head>
    <frameset  border='0' frameborder="no" frameSpacing='0' cols="20%,80%">
      <frame name="frame1"  id="frame1" src="frame1.html"  scrolling='auto' border='0' />
      <frame name="frame2" id="frame2" src="frame2.html"  scrolling='auto' border='0' />
    </frameset>

</html>




frame1.html  页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>frame1</title>
    </head>
    <body>
        <script type="text/javascript">
            function methodF2(userName){
                //获取父元素(index.html)里的frame2(frame2.html)的对象
                var frame2=window.parent.document.getElementById("frame2").contentWindow.document;
                //设置frame2.html页面上id为userName的<input/>标签的值
                moduleDocument.getElementById("userName").value=userName;
                //提交frame2.html页面的form表单
                moduleDocument.frm.submit();
            }
        </script>
        <button οnclick="methodF2('张三')">button</button>
    </body>

</html>






frame2.html 页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>frame2</title>
    </head>
    <body>
         <form action="url" method="post" name="frm" id="frm">
            <input type="text" value="" id="userName" name="userName"/>
            <input type="submit" value="submit"/>
         </form>
    </body>
</html>
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值