更新:它仍然不起作用。链接是可点击的,但它们没有采取它的假设。例如,从第1帧单击联系信息时,它应在第3帧中打开。从名单1,当您单击操作时间时,它应显示第3帧中的操作时间。
更新2:添加#符号后...当我点击联系信息时...它会在FRAME 3中显示FRAME 1并摆脱我在FRAME 3中所拥有的内容。这不是我假设做。
所以..我有四个框架。这些帧的代码显示如下。因此它将在一个页面中显示四个不同的帧。它的图片也会显示出来。 I love profunctors. They're so easy.
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "HTML_Style_Sheets.css">
</head>
<body>
<h1> CRC Software Solutions </h1>
<h2> About Us </h2>
<p><a href = "#frame3.html" target = "frame1"> Contact Information </a></p>
<p><a href = "#frame3.html" target = "frame1"> Services </a></p>
<p><a href = "#frame3.html" target = "frame1"> Hours of Operation </a></p>
<p><a href = "#frame3.html" target = "frame1"> Product Descriptions </a></p>
<ol>
<li> Product 1 Description </li>
<br>
<li> Product 2 Description </li>
<br>
<li> Product 3 Description </li>
</ol>
</body>
</html>
现在这就是我想做的事:
窗格2包含指向联系信息,服务,营业时间,产品说明的超链接。产品说明至少应有3个链接 浏览器窗口的窗格3包含描述适当链接所涉及的联系信息,服务,营业时间的页面。
第1帧代码:
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "HTML_Style_Sheets.css">
</head>
<body>
<h1> Contact Information </h1>
<p> 4837 Blind Bay Road <br>
Celista, BC V0E 1L0 <br>
250-955-5462 <br>
</p>
<p> For any difficulties or questions you might have regarding out website and services please contact our Support Team. </p>
<p> support@crctech.com </p>
<h1> Hours of Operation </h1>
</body>
</html>
第3帧代码:
/guestbook
所以我想做的是将联系信息链接到第3帧。因此,当您单击第1帧中的“联系信息”时,应该在第3帧中打开它。服务也是如此。一旦服务在第1帧中被点击......它应该在第3帧中显示服务。(我仍然需要执行服务部分,但我已经完成了联系信息部分)。
问题:当我运行它...然后点击联系信息。它会在新标签页中打开FRAME3,这不是我必须做的。
是的我知道它的巨大但请帮我解决这个问题。
谢谢。
答案 0 :(得分:3)
在<frame>
标记内的<frameset>
标记中,您必须使用属性name
作为框架,而不是ID
,就像这样
<frameset cols = "20%,50%">
<frame src = "frame1.html" name = "frame1">
<frameset rows = "30%,30%">
<frame src = "frame2.html" name = "frame2">
<frameset cols = "25%,25%">
<frame src = "frame3.html" name = "frame3">
<frame src = " ">
然后您的链接(在frame1内)应该是这样的:
<a href = "frame3.html" target = "frame3">
(P.S。:如果你需要一个ID,你可以同时使用名称和 ID)
答案 1 :(得分:0)
运行此代码段!
<div id='top'><a href='#about'>Click me to go to About</a></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id='about'>About. Click <a href="#top">here</a> to go back up.</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>