黑马程序员技术交流社区

标题: 【求教】 请教一个技术问题:在一个a.jsp用frameset标签引入b. [打印本页]

作者: supoman    时间: 2014-9-1 11:24
标题: 【求教】 请教一个技术问题:在一个a.jsp用frameset标签引入b.
请教一个技术问题:在一个a.jsp用frameset标签引入b.jsp页面和c.jsp页面,在b.jsp页面添加一个按钮,给这个按钮添加事件,点击按钮会在c.jsp页面出现一句话。该如何实现?
作者: 黑马黄武先    时间: 2014-9-1 11:32
坐等大神解答!
作者: supoman    时间: 2014-9-1 12:48
黑马黄武先 发表于 2014-9-1 11:32
坐等大神解答!

大神求解
作者: yqj    时间: 2014-9-2 19:24
本帖最后由 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>
复制代码

作者: yqj    时间: 2014-9-2 19:27
  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>
复制代码



作者: yqj    时间: 2014-9-2 19:28
  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>
复制代码

作者: 依然如故    时间: 2014-9-2 19:33
我还没有学的这么深入!!




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2