Javascript 创建加载外部Html文件的自定义Html标记_Javascript_Jquery_Html_Css_Cordova

Javascript 创建加载外部Html文件的自定义Html标记

javascript jquery html css cordova

Javascript 创建加载外部Html文件的自定义Html标记,javascript,jquery,html,css,cordova,Javascript,Jquery,Html,Css,Cordova,通过这个问题可以理解，我的目标是创建一个html标记，用于加载外部html文件。我要添加的文件包含页眉和页脚HTML、样式和脚本。我打算在科尔多瓦用这个。我之前看到过一个JQuery移动主题，它使用自定义html标记，其中包括用于页眉和页脚的外部html文件。然而，我找不到一个资源来解释这一点。我怎样才能做到这一点编辑：问题不在于包含外部html文件。如果您正在使用JQuery，则需要创建一个自定义标记来完成此操作。 $("#displayPage").load("page.html");

通过这个问题可以理解，我的目标是创建一个html标记，用于加载外部html文件。我要添加的文件包含页眉和页脚HTML、样式和脚本。我打算在科尔多瓦用这个。我之前看到过一个JQuery移动主题，它使用自定义html标记，其中包括用于页眉和页脚的外部html文件。然而，我找不到一个资源来解释这一点。我怎样才能做到这一点

编辑：问题不在于包含外部html文件。如果您正在使用JQuery，则需要创建一个自定义标记来完成此操作。

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

这会将HTML加载到id为displayPage的元素中

此外，请参见以下答案：

使用服务器端包括，您可以：

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

测试

navbar.shtml

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

您可以使用

iframe

标记加载该html文件。但正如您所知，每个iframe都有自己的资源，因此在移动应用程序中，这可能是一个陷阱。
您还可以将jquery用作

$('#selector').load('html_file.html');

这可能是一个很好的选择

我建议您的第三个选项是将内容的动态加载移动到后端代码，而不是在前端关注它

我的意思是，你应该把目标放在加载这些文件，并将页面的各个部分组装在支持UI的代码中（我不知道cordoav是如何工作的，但这个概念是适用的），而不是UI本身，因为在这种情况下，你会减慢UI的速度，也会使事情复杂化

所以，以一次静态加载所有页面为目标，并使用尽可能低的页面动态更改。

一个

会不起作用吗？你安装了插件吗？您是否安装了核心插件？我们一直很乐意帮助和支持新的编码人员，但您需要先帮助自己。：-）如果您有问题，请发布您尝试过的内容，并清楚解释哪些内容不起作用，然后提供。读一个好问题。请务必阅读和阅读。如果你看问题，主要问题是不包括外部html文件。主要问题是创建一个自定义标记来实现这一点。谢谢，先生，我知道如何通过jQuery加载外部html文件，但如何将其与javascript registerElement（）结合起来创建自定义标记。@HalilKaragöz您真的需要自定义标记吗？我认为使用ID是一种更简单的跨浏览器方式support@NoOorZ24关于跨平台支持，您是对的，但是使用纯javascript创建自定义标记，我不能实现跨平台支持吗？那么，我如何创建一个自定义标记来实现这一点呢？我知道这是可能的，因为我在jquery移动主题中看到了它