javascript - 创建加载外部 html 文件的自定义 Html 标记

标签 javascript jquery html css cordova

正如问题所理解的那样,我的目标是创建一个 html 标签来加载外部 html 文件。我要添加的文件包含页眉和页脚 html、样式和脚本。我打算在 Cordova 上使用它。我之前看到一个 JQuery Mobile 主题使用自定义 html 标签,其中包括用于页眉和页脚的外部 html 文件。然而,我找不到解释这一点的资源。我怎样才能做到这一点?

编辑:问题不在于包含外部 html 文件。它是关于创建执行此操作的自定义标记。

最佳答案

如果你正在使用 JQuery

$("#displayPage").load("page.html");

这会将 HTML 加载到具有 id 的元素中:displayPage

另请参阅此答案:https://stackoverflow.com/a/20868400/4064004

使用服务器端包括你可以:

<html><head><title>Test</title></head>
<body>
    <!--#include file="navbar.shtml" -->
</body>
</html>

导航栏.shtml

<ul class="nav">
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
</ul>

关于javascript - 创建加载外部 html 文件的自定义 Html 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46590358/

相关文章:

jquery:$.data()返回 bool 值而不是字符串

JavaScript 函数不适用于渐变

javascript - 从不同的模块和 Controller 获取 Angular 变量

javascript - 如何使用 Typescript 创建一个包含对象的字段的新对象?

javascript - 为列设置相同的高度

c# - 如何使用 jquery 将 json 数据发送到 asmx(从 aspx)?

PHP 示例 AJAX 实时搜索

javascript - 子 ASP.net 页面关闭后刷新父 CRM 页面

javascript - 如何使用 SVG 的一个元素来更改同一 SVG 中另一个元素的不透明度?

javascript - Jquery append with find不能一起工作