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="刷新页面" οnclick="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="确定" οnclick="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的使用。