框架中取值问题

最新推荐文章于 2024-04-18 13:51:27 发布

Shine_Panda

最新推荐文章于 2024-04-18 13:51:27 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签：框架 html menu border function xhtml

本文链接：https://blog.csdn.net/caoyinghui1986/article/details/2549357

版权

JavaScript 专栏收录该内容

6 篇文章 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

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <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

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head>

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