正如问题所能理解的那样,我的目标是创建一个可以加载外部html文件的html标记。我想添加的文件包含标题和页脚htmls,样式和脚本。我打算在Cordova上使用它。我之前看到一个使用自定义html标签的JQuery Mobile主题,该标签包含用于页眉和页脚的外部html文件。然而,我找不到解释这一点的资源。我怎样才能做到这一点?创建加载外部html文件的自定义Html标记
编辑:问题不在于包含外部html文件。它是在创建一个自定义标签来做到这一点。
正如问题所能理解的那样,我的目标是创建一个可以加载外部html文件的html标记。我想添加的文件包含标题和页脚htmls,样式和脚本。我打算在Cordova上使用它。我之前看到一个使用自定义html标签的JQuery Mobile主题,该标签包含用于页眉和页脚的外部html文件。然而,我找不到解释这一点的资源。我怎样才能做到这一点?创建加载外部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>
navbar.shtml
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
</ul>
谢谢先生我知道如何通过jQuery加载外部html文件,但如何将这与javascript registerElement()结合来创建自定义标签。 –
@HalilKaragöz你真的需要自定义标签吗?我认为使用ID是跨浏览器支持的更简单的方法 – NoOorZ24
@ NoOorZ24您对跨平台支持是正确的,但使用纯javascript创建自定义标记无法实现跨平台支持? –
您可以使用iframe
标记来加载该html文件。但正如你可能知道每个iframe都需要自己的资源,所以在移动应用程序中这可能是一个陷阱。
您还可以使用jQuery作为
$('#selector').load('html_file.html');
这可能是一个很好的选择。
我推荐你的第三个选择是将内容的动态加载移动到后端代码,而不是前面的代码。
我的意思是,你应该瞄准加载这些文件,并在代码支持UI(我不知道cordoav如何工作,但概念是适用的)代码在一起,而不是在UI本身作为在这种情况下,你正在放慢用户界面,也使事情变得复杂起来。
因此,目标是一次静态加载所有页面并尽量使用页面的动态更改。
那么,如何创建一个自定义标签来实现这一点?我知道这是可能的,因为我在jQuery手机主题中看到了它 –
'
你有没有安装任何插件?您是否安装了核心插件?https://cordova.apache.org/docs/en/latest/guide/overview/ – ciammarino
我们总是很乐意帮助和支持新的编码器,但您首先需要帮助自己。 : - )***在[**做更多研究**之后](https://meta.stackoverflow.com/q/261592/1011527)如果你有问题**发布你已经尝试** **清楚说明什么不工作**并提供[最小,完整和可验证示例](http://stackoverflow.com/help/mcve)。阅读[如何问](http://stackoverflow.com/help/how-to-ask)一个很好的问题。请务必[参观](http://stackoverflow.com/tour)并阅读[this](https://meta.stackoverflow.com/q/347937/1011527)。 –