iframe学习

iframe标签是可将.html/htm文件嵌入到html文件中，有些网页可以通过使用iframe来对网页中的部分进行刷新。<br />例如：一个网站登录页面可能不止用于网站首页，也可能用在单独的弹出窗口中，这个时候在弹出窗口中登录后，可以使用js中的parent.属性 进行操作。

一个小例子：

iframe_0.html嵌入iframe的页面

<table>
  <tr>
 <td>
 一个iframe的小例子
 </td>
 <td>
 <input type="text" id="text1" size="20" />
 </td>
  </tr>
  <tr>
 <td colspan="2">
 <iframe src="iframe1.html" id="tt" width="100%" height="50" frameborder="none" scrolling="no"></iframe>
 </td>
  </tr>
  </table>

iframe1.html    iframe页面
  <input type="button" value="刷新页面" onclick="change()" />
<script language="JavaScript">
<!--
var tt = "test"
 function change(){
  //alert(parent.TT);
  window.open("iframe_in.html");
  //parent.document.getElementById("tt").src = "iframe_in.html" 更换iframe中嵌入的页面（也可达到更新页面的效果）

 }
//-->
</script>

 

输入页面iframe_in.html

 <table>
  <tr>
 <td>测试：</td>
 <td>
 <input type="text" id="test" size="20" />
 </td>
 <td>
 <input type="button" value="确定" onclick="tijiao()" />
 </td>
  </tr>
  </table>

<script language="JavaScript">
<!--
 function tijiao()
 {
    window.opener.parent.document.getElementById("text1").value= document.getElementById("test").value;
    window.close();
 }
//-->
</script>

这个例子中主要学习了opener和parent的使用。