框架中取值问题

最新推荐文章于 2022-09-22 21:17:17 发布

cao_ying_hui

最新推荐文章于 2022-09-22 21:17:17 发布

阅读量67

点赞数

分类专栏： JavaScript 文章标签：框架 HTML XHTML

本文链接：https://blog.csdn.net/cao_ying_hui/article/details/83494165

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

DEM003.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
  
</head>  
  
  
  
<frameset rows="70,*" cols="*" framespacing="0" frameborder="yes" style="border:0px">  
  
  <frame src="DEMO03_bar.html" name="bar" scrolling="No" noresize="noresize" id="bar"arginwidth="0" marginheight="0" />  
  
  <frameset cols="150,*" frameborder="yes" border="1" framespacing="0">  
  
    <frame src="DEMO03_menu.html" name="menu" scrolling="No" noresize="noresize" id="menu" marginwidth="0" marginheight="0" />  
  
    <frame src="DEMO03_main.html" name="mainFrame" id="main" marginwidth="0" marginheight="0" />  
  
  </frameset>  
  
</frameset>  
  
<noframes><body>  
  
</body>  
  
</noframes></html>

DEM003_bar.html

<html>
<head>
<script>
	//补充完成此函数，用于刷新Menu窗体的页面
	  function flushMenuFrame(){      
	  //top表示顶级窗口 的 window对象   
	  window.top.menu.location.href="DEMO03_menu.html";  
	  }  

	//补充完成此函数，将barText文本框的值写入到Main窗口的mainText中去。 
	 function writeValueToMainFrame(){      
	 //parent表示 但前窗口的 上级窗口的 window对象      
	   window.parent.mainFrame.document.getElementById("mainText").value=document.getElementById("barText").value;   
	 }
</script>

</head>

<body>
<center>BAR页面</center>
<button οnclick=flushMenuFrame();;>刷新框架Menu窗口的页面</button>
Bar页面的文本框：
<input type="text" id="barText" value="Bar页面的值1">
<button οnclick=writeValueToMainFrame();;>向Main窗口写值</button>
</body>
</html>

DEMO003_main.html

 <html> <head> </head>

<body> <center>Main窗体</center> <br><br> Main窗体中的文本框 <input type="text" id="mainText" value="Main页面的值2"> </body> </html>

cao_ying_hui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
框架中取值问题

DEM003.html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; ...
复制链接

扫一扫

专栏目录