js操作iframe父子窗体示例

  父窗体获取iframe

  window.iframeId

  iframe获取父窗口

  window.parent

  parent.html

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>Insert title here</title>

  <script type="text/javascript">

  function btnFn(){

  window.subWin.test();

  }

  function get(name){

  return document.getElementById(name);

  }

  </script>

  </head>

  <body>

  <input id="name" type="text" value="222">

  <input type="button" id="btn" value="点击" onclick="btnFn();"><br/>

  <br/><br/>

  <iframe src="sub.html" id="subWin"

  name="subWin" width="100%" marginwidth="0" height="100%"

  marginheight="0" scrolling="Yes" frameborder="0" valign="middle"

  resize="no" style="display: block;border:3px solid red;"></iframe>

  </body>

  </html>

  sub.html

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>Insert title here</title>

  <script type="text/javascript" >

  function test(){

  alert(window.parent.get("name").value);//结果:222

  }

  </script>

  </head>

  <body>

  我是窗体的内容

  </body>

  </html>