A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

请教一个技术问题:在一个a.jsp用frameset标签引入b.jsp页面和c.jsp页面,在b.jsp页面添加一个按钮,给这个按钮添加事件,点击按钮会在c.jsp页面出现一句话。该如何实现?

6 个回复

倒序浏览
坐等大神解答!
回复 使用道具 举报

大神求解
回复 使用道具 举报
本帖最后由 yqj 于 2014-9-2 19:27 编辑

看看,是不是你要的效果,A.html是框架页面,点击B.html(左面的页面)的按钮,可以在C.html(右面的页面)中显现
思路:用window里的frames对象
  1. <!--A页面-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  3. "http://www.w3.org/TR/html4/strict.dtd">

  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  5.         <head>
  6.                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.                 <title></title>
  8.         </head>
  9.         <frameset cols="50%,*">
  10.                 <frame name="B" src="B.html"/>
  11.                 <frame name="C" src="C.html"/>
  12.         </frameset> />
  13. </html>
复制代码
回复 使用道具 举报
  1. <!--B页面-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  3. "http://www.w3.org/TR/html4/strict.dtd">

  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  5.         <head>
  6.                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.                 <title></title>
  8.         </head>
  9.         <body>
  10.                 <button id="B_butt">点击</button>
  11.         </body>
  12.         <script type="text/javascript">
  13.                 window.parent.onload = function() {
  14.                         document.getElementById("B_butt").onclick = function() {
  15.                                 var msg=prompt("请输入要在右侧页面显示的信息:");
  16.                                 window.parent.frames["C"].document.getElementById("change").innerHTML = msg;
  17.                         }
  18.                 }
  19.         </script>
  20. </html>
复制代码


回复 使用道具 举报
  1. <!--C页面-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  3. "http://www.w3.org/TR/html4/strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  5.         <head>
  6.                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.                 <title></title>
  8.         </head>
  9.         <body>
  10.                 <div id="change"></div>
  11.         </body>
  12. </html>
复制代码
回复 使用道具 举报
我还没有学的这么深入!!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马