Question

我需要创建一个html文件，其中只包含另一个html文件的表单标记内的内容，而不是其他内容。有没有办法做到这一点？

Answer 1

使用webcomponents，可以从其他文件import HTML。但是这并不是普遍的，也不是所有major browsers支持的，也许不是你想要的。

您应该首先使用PHP，Ruby，Python等编程语言。

Answer 2

您可以在使用javascript加载主页后动态加载html代码段。像这样：

<强> main.html中

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
        <script src="script.js"></script>
    </head>
    <body>    
        <h1>Form</h1>
        <div id="container"></div>
    </body>
</html>

<强> form.html

<form>
    <input value="testing" />
</form>

<强>的script.js

var formUrl = 'form.html';

$(window).on('load', function(){
  $.get(formUrl, function(res){
     $('#container').append($(res));
  })
})

Here is a working plunk

我可以只从外部文件导入一段html吗？

2 个答案: