关于html中超链接在另一个页面中的div中显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于html中超链接在另一个页面中的div中显示相关的知识,希望对你有一定的参考价值。

第一个页面,有两个超链接。点击其中一个超链接,会自动打开第二个页面,并在其中一个div(比如bbbb)中显示指定的网页1.html
当点击另外一个超链接时候,还是会打开第二个页面,在相同的div(还是bbbb)中显示另外一个网页比如2.html。
请问如何实现?谢谢

参考技术A 超链接调用js的方法showContent显示内容。
<a href='javascript:showContent("要显示的内容","target")'>超链接</a>
<div id='target' style="border:1px solid #ccc; width:200px;height:50px;"></div>
<script type="text/javascript">
//使用showContent方法把content显示在id是target的元素中。
function showContent(content,target)
document.getElementById(target).innerHTML=content;

</script>结束追问

是在另外一个页面中的div中显示一个网页。
不是在同一个页面中的div中显示文本。

单击一帧中的链接并在另一帧中显示 JSP

【中文标题】单击一帧中的链接并在另一帧中显示 JSP【英文标题】:Click a link in one frame and display a JSP in the other frame 【发布时间】:2014-03-12 17:17:51 【问题描述】:

我创建了两个框架,分别包含两个链接。

当第一个框架被点击时,我想在第二个框架中显示一个 JSP 页面。

但我无法让它工作。当第一帧被点击时,它会在一个新窗口中打开 JSP 页面。

我粘贴了一些代码。

这是我的 ma​​in.jsp

<html>

  <frameset cols="50%,50%">
  <frame src="frame1.jsp">
  <frame src="frame2.jsp">
  </frameset>

</html>

frame1.jsp

<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Frame 1 with links</title>
  </head>

  <body>
    <body bgcolor="lightBlue">

      <h2>Java Tutorial</h2>
      <a href="subframe1.jsp" target="frame2.jsp"> tracking system</a>
      <a href="subframe2.jsp" target="frame2.jsp">data information</a>

  </body>

</html>

frame2.jsp

<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  </head>

  <body>
  </body>

</html>

subframe1.jsp

<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
  </head>

  <body>

    <form action="insertData.jsp" action="post" >

      DATA ID:<input type="text" name="data_id"><br>
      East:<input type="text" name="east"><br>
      North:<input type="text" name="north"><br>
      <input type="submit" value="Save">
    </form>

  </body>
</html>

我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

首先我必须说 - Framesets are bad,如果你可以避免使用它们,那么就这样做。

也就是说,链接的 target 值必须是框架名。

你还没有命名你的框架,你需要指定一个name属性。

所以你需要改变你的框架集看起来更像:

<frameset cols="50%,50%">
<frame name="frame1" src="frame1.jsp">
<frame name="frame2" src="frame2.jsp">
</frameset>

然后相应地更改您的链接:

<a href="subframe1.jsp" target="frame2"> tracking system</a>
<a href="subframe2.jsp" target="frame2">data information</a>

【讨论】:

先生,感谢您的修复。它现在工作。我想知道为什么框架集不好?以及如何避免它们 我把“Framesets are bad”作为链接,从表面上看,你会发现很多不使用 Framesets 的原因。看起来您正在开发两个面板界面,也许 jQuery/AJAX 解决方案更适合您? (使用 AJAX,您可以在加载数据时提供更好的错误检查,这对于框架集等来说非常困难。)

以上是关于关于html中超链接在另一个页面中的div中显示的主要内容,如果未能解决你的问题,请参考以下文章

网页中超链接的简化问题(如何避免超链接的get提交)

如何修改bootstrap中超链接的颜色

在SSMS中超链接SQL Server查询结果中的值

html中如何去掉超链接的下划线(html取消超链接下划线)

excel如何用超链接直接打开文件

word中超链接显示成{HYPERLINK "url"}形式的解决方案