JS修改框架内的值_Javascript教程_H5之家 - 中国HTML5教程资源分享第一站

JS技术

JS修改框架内的值_Javascript教程

字号+ 作者：H5之家来源：H5之家 2015-10-02 11:16 我要评论( )

JS修改框架内的值,学习JS修改框架内的值,JS修改框架内的值,查看JS修改框架内的值,点击ldquo;赋值rdquo;后，bottom页面的input值变为2,如何实现？主页：!DOCTYPE

点击“赋值”后，bottom页面的input值变为2,如何实现？

主页：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frameDemo </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame id=top name=top src="top.html">
<frame id=bottom name=bottom src="bottom.html">
</frameset>
</HTML>

top.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT>
function fu(){
var btm = top.document.getElementById('bottom').contentWindow
btm.document.getElementById("dbs").value = 2;
}
</SCRIPT>
<input value="赋值" onclick="fu();" type="button" />
</BODY>
</HTML>

bottom.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY">
<h1>This is the content in button.html.</h1>
<input type="text" value="3333" />
</BODY>
</HTML>