页面中如何引用外部的HTML（四种方法）
2024-09-02 00:18:59
页面中如何引用外部的HTML（四种方法）
一、总结
一句话总结：a、iframe标签 b、ajax引入代码片段 c、link import的方法导入 d、requirejs
1、引入外部文件的四种方法？
a、iframe标签
b、ajax引入代码片段
c、link import的方法导入
d、requirejs
二、如何在页面引用外部的HTML？
转载 https://segmentfault.com/a/1190000010943143
在页面内部应用外部的html片段，是一个很常见的用法，那么有哪些方法可以实现呢？
根据情况使用不同的方法。
iframe
如果是一个完整的外部页面（有完整的html，head,body），可以考虑用iframe。
<iframe src="test.html"></iframe>ajax
如果仅仅是一个代码片段，也可以用ajax
$.get('test.html',function(html){
//
});
$.when(
$.get('test1.html'),
$.get('test2.html'),
).then(function(html1,html2){
console.log(html1[0]);
console.log(html2[0]);
});link import的方法导入
<link rel="import" href="test.html">
if (typeof document.querySelector("link[rel = 'import']").import == 'object') {
var html = document.querySelector("link[rel = 'import']").import.head.innerHTML;
} else {
$.get('test.html', function(html) {
});
}requirejs
最后，也可以使用requirejs…（比ajax方便）
最新文章
- Unity3D安卓打包参数配置与兼容性的关系分析
- Print Common Nodes in Two Binary Search Trees
- ASP.NET Core重写个人博客站点小结
- yii2.0 图片上传（摘录）
- poj 3468 成段增减
- C语言--- 字符串数组 、 预处理器和预处理指令 、 多文件编程 、 结构体
- 中国.net域名网站的“前世今生”，那些年的光辉
- 双11不再孤单，结识ECharts---强大的常用图表库
- html table 知识点
- Global事件执行顺序
- An overnight dance in discotheque
- Python——模块——时间模块
- cmd下，regsvr32不是内部或外部命令
- 来，带你鸟瞰 Java 中4款常用的并发框架！
- Qt网络模块如何使用（表格）
- Java编程的逻辑 (25) - 异常 (下)
- linux查找系统中占用磁盘空间最大的文件
- mysql中sql语句中常见的group_concat()函数意思以及用法，oracle中与其一样的功能函数是wmsys.wm_concat()
- js对象 1字符串对象2时间日期对象3数字对象
- mysql进阶（二）之细谈索引、分页与慢日志