关于Frame的取值

testFrame.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>frame测试</title>
</head>

<frameset rows="390,*" frameborder="NO" border="0" framespacing="0">
  <frame src="frame1.htm" name="topFrame" scrolling="NO" noresize >
  <frame src="frame2.htm" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>
frame1.htm
<!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=gb2312">
<title>frame测试</title>
<script>
function test1()
{
  alert(parent.mainFrame.frame2Variable);
  parent.mainFrame.frame2Method();
  alert(parent.mainFrame.document.getElementById('frame2FormValue').value)
}
function test2()
{
  alert(window.frames['iframe'].iframeVariable);
  window.frames['iframe'].iframeMethod();
  alert(window.frames['iframe'].document.getElementById('iframeFormValue').value)
}
</script>
</head>

<body>
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%<br>
frame1.htm！<br>
<form name='frame2Form'>
<input type=button value='调用frame2.htm中的变量和方法' onclick="test1()"><br>
<input type=button value='调用iframe.htm中的变量和方法' onclick="test2()"><br>
<input type=text id='frame1FormValue' value='frame1.htm中的表单元素的值' ><br>
</form>
<br>
这是frame1.htm中的IFrame<br>
<Iframe name='iframe' src='iframe.htm' width='800' height="600"/><br>

frame1.htm结束！<br>
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%<br>
</body>
</html>
frame2.htm
<!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=gb2312">
<title>frame测试</title>
<script>
var frame2Variable='frame2.htm中的变量！';
function frame2Method()
{
alert('frame2.htm中的方法！');
}
</script>
</head>

<body>
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%<br>
frame2.htm！<br>
<form name='frame2Form'>
<input type=text id='frame2FormValue' value='frame2.htm中的表单元素的值' >
</form>
frame2.htm结束！<br>
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%<br>
</body>    
</html>
iframe.htm
<!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=gb2312">
<title>frame测试</title>
<script>
var iframeVariable='iframe.htm中的变量！';
function iframeMethod()
{
alert('iframe.htm中的方法！');
}
function parentMethod()
{
parent.test1();
parent.test2();
}
function parentFormValue()
{
alert(parent.document.getElementById('frame1FormValue').value);
}
</script>
</head>

<body>
<form name='iframeForm'>
<input type=text id='iframeFormValue' value='iframe.htm中的表单元素的值' >
<input type=button  value='调用frame1.htm中的方法' onclick='parentMethod()'>
<input type=button  value='输出frame1.htm中的表单元素' onclick='parentFormValue()'>
</form>
Iframe的frame！

</body>
</html>



posted on 2007-09-26 13:28 我为J狂 阅读(1206) 评论(0)  编辑  收藏 所属分类: Web


只有注册用户登录后才能发表评论。
网站导航:
 
<2024年11月>
日一二三四五六
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

导航

统计

常用链接

留言簿(11)

随笔分类(48)

文章分类(29)

常去逛逛

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜