HTML-如何包含外部HTML页面_Html

HTML-如何包含外部HTML页面

html

HTML-如何包含外部HTML页面,html,Html,我正在开发一个网站，我有一个html页面，其中包含一些内容，在同一页面中也制作了一个注册模式，但代码越来越长，我只想知道我是否将注册模式的代码保存在另一个扩展名为.html/.htm的文件中，然后单击按钮，该模式显示在同一页面上，不要重定向到另一个页面，就像它显示在主页上一样。我不希望家里的内容被粉碎，只是模态显示在上面使用w3data并在任何需要的地方包含您的文件。在blow中，我包含了signup.html文件 <!DOCTYPE html> <html>

我正在开发一个网站，我有一个html页面，其中包含一些内容，在同一页面中也制作了一个注册模式，但代码越来越长，我只想知道我是否将注册模式的代码保存在另一个扩展名为.html/.htm的文件中，然后单击按钮，该模式显示在同一页面上，不要重定向到另一个页面，就像它显示在主页上一样。

我不希望家里的内容被粉碎，只是模态显示在上面

使用w3data并在任何需要的地方包含您的文件。在blow中，我包含了signup.html文件

<!DOCTYPE html>
<html>
    <script src="http://www.w3schools.com/lib/w3data.js"></script>

    <body>
        <div w3-include-html="signup.html"></div> 
        <script>
            w3IncludeHTML();
        </script>
    </body>
</html>


w3IncludeHTML（）；

您可以使用jquery完成此任务：

只需创建一个新文件“modal.html”，并为弹出窗口编写代码

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script> 
$(function(){
  $("#header").load("modal.html"); 
});
</script> 
</head>

<body>
 <div id="header"></div>
 <!-- other code -->
</body>


$（函数（）{
$（“#header”）.load（“modal.html”）；
});

将Html文件加载到主目录的简单方法

$(function(){
      $('#which').load('test.html');
});

您可以在文档内部编写。也可以使用

iframe

（内联框架）加载外部网页。您可以设置

iframe

的大小样式，就像您通常使用任何HTML元素一样

<DOCTYPE html>
<html>
    <head>
        ...
    </head>
    <body>
        <iframe src="/your-signup-page.html"></iframe>
    </body>
</html>

...

@JoshCrowe这也是可能的