Question

我在HTML文档中放了一个链接。如何在同一页面链接下打开链接文档（link1.html）？

links.html

<body>
    <h3>Links</h3>
    <a href="link1.html">link1</a> 
</body>

输出如：

链接 [LINK1]

link1.html的内容

Answer 1

<a href='link1.html' target='myIframe'>link1</a><br />
<iframe name='myIframe'></iframe>

如果您希望它不那么糟糕，我建议您使用JavaScript。

Answer 2

^{正如评论中所说：}
可能你想要的是<iframe>。它可用于将网页嵌入到HTML文档中。您可以看到更多信息here。以下是一个例子。

在您的情况下：

<body>
    <h1>Links</h1>
    <a href="link1.html">link1</a>

    <h2>Contents of link1</h2>
    <iframe src="link1.html" width="500" height="400"></iframe>
</body>

更新：要在点击链接时显示IFrame，您可以改为使用此代码：

<body>
    <h1>Links</h1>
    <a href="#" onclick="document.getElementById('contents1').style.cssText = ''">link1</a>

    <div id="contents1" style="display:none;">
        <h2>Contents of link1</h2>
        <iframe src="link1.html" width="500" height="400"></iframe>
    </div>
</body>

Answer 3

尝试使用属性标记“Target”，用于指定要打开的文档，表示新窗口或同一页面或新选项卡。例如：点击这里

目标标签有六个值，如父级，空白等等。

Answer 4

我担心你必须使用某种javascript Ajax调用来加载链接下的其他页面。另一种技术可能是在link1.html中包含与links.html中相同的标题，但是你要复制/粘贴spaghettiness ...

在同一页面中打开链接

link1.html的内容

4 个答案: