如何在另一个html文档中插入html文档

时间:2016-12-30 16:00:23

标签: html css

所以我需要在点击菜单上的按钮后将人们重定向到该链接的特定对应页面,所以我写了这个:

<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>

我听说我需要为每个页面创建另一个html文档,所以我做了,但现在我不知道如何插入它。 (我很抱歉,如果你看不到我在html中写的内容,但我似乎无法弄清楚如何编写它,同时在html标签中看到它)

3 个答案:

答案 0 :(得分:1)

您可能想要从这些页面创建链接。

<a href='/home.html'>Go to home</a>

如果您尝试在其他网页内构建网页,则需要使用iframe。

<iframe src='/home.html'>Iframe can't be loaded</iframe>

答案 1 :(得分:0)

假设你有一个基本结构:

<ul>
    <li><a href='home.html'>Home</a></li>
    <li><a href='about.html'>About</a></li>
    <li><a href='contact.html'>Contact</a></li>
</ul>

您需要创建3个html文档home.htmlabout.htmlcontact.html。您可以将该导航与每页的其他独特内容一起放入每个导航中。

答案 2 :(得分:0)

当按下按钮以打开新窗口时,您可以运行这样的javascript

<!DOCTYPE html>
<html>
<head>
<script>
function openWin() {
    window.open("http://www.mywebsite.com");
}
</script>
</head>

<body>
<form>
<input type="button" value="Open Window" onclick="openWin()">
</form>
</body>

</html>