脚本类型=“文本/ html"从文件中包含HTML
script type="text/html" include HTML from a file
我有一个<script type="text/html">
如下:
<script type="text/html" id="id">
// I want to import HTML from a file here
</script>
请建议<object>, <iframe> and <embed>
以外的解决方案这些标签会把我的CSS弄得一团糟,因为它们会插入自己的HTML、BODY和其他元素。
我宁愿不使用jQuery。虽然没有那么坚决。
编辑: script type="text/html"
是必须的,因为我使用模板在页面之间路由。模板由script type="text/html"
元素的"id"标识。
如果您确实考虑使用jQuery, .load()
将会奏效:
$( "#id" ).load( "path/to/file.html" );
<一口> JSFiddle插图一口>
如果您的文件在同一域中,我建议您使用ajax来恢复它。这样的:
<div id="wrapper"></div>
<script type="text/javascript">
var remote_html_container = jQuery("#wrapper");
jQuery.ajax({
url: "my-page-url",
success: function(data){
remote_html_container.html(data);
}
});
</script>
它的作用是通过jQuery加载页面的输出并将其"粘贴"到div#包装器中。
编辑:使用load函数就简单多了:
<div id="wrapper"></div>
<script type="text/javascript">
jQuery("#wrapper").load("my-url.html");
</script>
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 将HTML表格导出到excel时,无法将数据加载到excel文件中
- 导入jQuery脚本获胜'我不处理html文件
- 生成pdf或其他非html文件时的错误处理
- 从HTML调用typescript文件中的函数
- 使用metro-uiJS对话框调用其他文件html
- 使用选项卡导航到不同的html文件(html、JavaScript)
- 使用 socket.io 时如何发送文件(html,js,css和资源)
- 采购<p>从.txt文件.HTML
- 包含的html中的类无法访问父文件html中的函数
- 重新加载链接文件 HTML
- 如何使用 JavaScript 或 JQuery 从输入类型=文件 html 元素获取文件名
- Angularjs + 指令文件 html 内容点击事件在 js 文件中不起作用
- 如何直接从网页读取/写入本地文件 (html)
- jQuery加载txt文件.html()
- 指定简单配置文件HTML或javascript的最佳方式是什么
- Angular将所有头文件html提取到一个文件中
- 想要部分上传大文件.HTML/PHP
- AJAX -上传文件(HTML 5) &PHP