如何在HTML中打开另一个框架的链接?

时间:2016-11-12 17:32:07

标签: html anchor href frame target

更新:它仍然不起作用。链接是可点击的,但它们没有采取它的假设。例如,从第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,这不是我必须做的。

是的我知道它的巨大但请帮我解决这个问题。

谢谢。

2 个答案:

答案 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>