Question

我正在开发一个网站，我有一个html页面，其中有一些内容，也在同一页面中创建了一个signUp模式，但代码越来越长，我只想知道我是否保留了注册代码在另一个扩展名为.html / .htm的文件中的模态，并在按钮上单击该模式显示在同一页面上，而不是重定向到另一个页面，就像它在家中显示一样。我不希望破坏家庭内容，只需要在上面显示的模式。

Answer 1

您可以使用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>

Answer 2

使用w3data并将文件包含在您想要的任何位置。在打击我包括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>

Answer 3

将Html文件加载到主

的简单方法

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

你可以写在document.ready中

Answer 4

只需使用iframe（内嵌框架）即可加载外部网页。您可以像通常使用任何HTML元素一样设置iframe的大小。

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

More information on the iframe element.

HTML - 如何包含外部html页面

4 个答案: