Question

我正在使用带有base标记的iframe代码，我想知道如何限制在iframe中打开的某些链接。

例如我有一个菜单面板，当点击菜单链接时，iframe中会显示所需的页面。

<div class="start">
    <h1 class="start">Geek Box <img src="box_icon.png" alt="Box width=" 40" height="40"></h1>
    <hr />
</div>
<div class="table">
    <table class="table" border="1" align="center">
        <tr>
            <td>
                <a href="index.html">Home</a>
            </td>
            <td><a href="Chart.html">Tech Charts</a></td>
            <td><a href="Video.html">Videos</a></td>
            <td><a href="About Me.html">About Me</a></td>
        </tr>
    </table>
</div>
<hr />
<br />

<div>
    <table border="1" width=100% height="500px" style="text-align:center">
        <tr>
            <td width="25%"><a href="phone.html">Smart Phones</a></td>
            <td width="25%"><a href="laptop.html">Laptops</a></td>
            <td width="25%"><a href="Desktop.html">Dektops</a></td>
            <td width="25%"><a href="Tablets.html">Tablets</a></td>
        </tr>
        <base target='display' />
        <tr><td colspan="4"><iframe name="display" frameborder=0 width="100%" height="500px" /> </td></tr>
    </table>
</div>

Answer 1

如果我理解正确，你希望在iframe中打开一些页面，在同一个窗口或另一个窗口中打开其他页面（或其他任何方式），即。 iftame中不。

使用您的示例，这不会使用base标记，因为......

HTML <base>元素指定用于文档中包含的所有相对网址的基本网址。

......还有

文档中只能有一个<base>元素。

...因此，使用其他base标记不会使其按您希望的方式运行。

相反，您必须删除base代码，并将target属性添加到您希望在iframe中显示的每个链接。< / p>

因此，假设您只想打开＆＃34;子菜单＆＃34; （所以它们至少看起来，即手机，笔记本电脑......等）iframe，这就是我建议您将代码更改为：

<div>
    <table border="1" width=100% height="500px" style="text-align:center">
        <tr>
            <td width="25%"><a href="phone.html" target='display'>Smart Phones</a></td>
            <td width="25%"><a href="laptop.html" target='display'>Laptops</a></td>
            <td width="25%"><a href="Desktop.html" target='display'>Dektops</a></td>
            <td width="25%"><a href="Tablets.html" target='display'>Tablets</a></td>
        </tr>
        <!-- Notice I have removed the 'base' tag! -->
        <tr><td colspan="4"><iframe name="display" frameborder=0 width="100%" height="500px" /> </td></tr>
    </table>
</div>

...您可以保留其余代码。

引用来源：<base - HTML | MDN

如何将基本标记限制为某些超链接

1 个答案: