javascript - 浏览器支持，同时包含 HTML

Question

有很多选项可以将 HTML 包含在另一个 HTML 代码中。我对 PHP 选项不感兴趣，并寻找最好的 JavasSript 解决方案。我发现以下代码:

<div w3-include-html="content.html"></div>

<script>
w3.includeHTML();
</script>

以及带有“load”方法的 jQuery 选项:

$(document).ready(function() {
    $('#item').load('example.html');
});

哪个选项最好？我的意思是大多数浏览器版本都支持哪个选项。

谢谢

Answer 1

从浏览器支持的 Angular 来看，这些实际上是相同的方法。两者都涉及 JavaScript 使用 XHR(又名 AJAX)从服务器获取 HTML 并将其注入(inject)页面。

在大多数情况下，最好在服务器端组装页面，至少有几个原因:

• SEO - 并非所有抓取工具都运行 JavaScript
• 页面加载速度 - 无需再次发出 HTTP 请求即可获取用户最初请求的内容。
• 不运行 JavaScript 的浏览器 - 有些人禁用 JavaScript。其他人则使用不运行 JavaScript 的旧版基于控制台的浏览器。虽然现在大部分网络都需要 JS 工作，但如果您只是包含 HTML，最好在服务器端执行该操作。