javascript - 如何将超链接文件动态加载到目标/某些div？

Question

我有一个关于如何定位的问题，这是场景，每当我点击链接 Home、food 或 resort 等时，它的内容应该在下面的显示器上输出。总是会发生的是，当我单击这些链接时，它总是会转到一个新选项卡。我想要的是它应该显示在同一页面和给定的 div 上。请帮助我，我一直在尝试搜索互联网，但出现了不同的结果。

这是我的链接

<div id = "panel">
    <p>
        <a href = "home.html" target = "display">
            <font color ="white">Home</font
        </a>
        <a href = "resort.html" target = "display">
            <font color ="white">Resort</font>
        </a> 
        <a href = "hotel.html" target = "display">
            <font color = "white">Hotel</font>
        </a> 
        <a href = "food.html" target = "display">
            <font color ="white">Food</font
        </a> 
        <a href = "rates.html" target = "display">
            <font color="white">Rates</font>
        </a> 
        <a href="reservation.html"target="display
            <font color="white">Reservation</font>
        </a> 
        <a href = "contact.html" target = "display">
            <font color = "white">ContactUs</font>
        </a>
    </p>
</div>

这是应该放内容的地方

<div id="display">
    <iframe name="display"></iframe>
</div>

Answer 1

如果我理解这个问题——但我真的不理解——我认为你的问题很容易解决。只需更改此:

<name = "display">

收件人:

<iframe name="display">

我假设您想在 iframe 中加载这些链接，是吗？否则你想做的事情将需要 javascript。但同样，我不确定我是否理解。

没有<name> HTML 中的标记，但有一个名称 attribute

编辑以解释 iframe:

iframe 在网页 A 中加载一个网页 B，但两者仍然是单独的页面。 “框”可能是 iframe 本身的边框。当网页 B 的内容太大，iframe 无法一次显示所有内容时，会出现滚动条。要去掉滚动条，可以把 iframe 变大，也可以把网页 B 的内容变小。

增大 iframe 与增大任何其他元素没有什么不同:只是 change it's CSS .