页面中如何引用外部的HTML(四种方法)
页面中如何引用外部的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方便)
转载于:https://www.cnblogs.com/Renyi-Fan/p/9284231.html
页面中如何引用外部的HTML(四种方法)相关推荐
- xlsx表格怎么筛选重复数据_excel表格如何筛选重复数据 在Excel表格的两列数据中提取不重复值的四种方法...
excel表格如何筛选重复数据 在Excel表格的两列数据中提取不重复值的四种方法,最近到了季度汇报的时候,掌握一手excel技能在此刻显得多么重要,为了是你的excel看起来更高大上,今天教大家设置 ...
- JAVA中获取文件MD5值的四种方法
JAVA中获取文件MD5值的四种方法其实都很类似,因为核心都是通过JAVA自带的MessageDigest类来实现.获取文件MD5值主要分为三个步骤,第一步获取文件的byte信息,第二步通过Messa ...
- python中字符串怎么引用_Python:字符串中引用外部变量的3种方法
方法一: username=input('username:') age=input('age:') job=input('job:') salary=input('salary') info1='' ...
- 通过Value获取Map中的键值Key的四种方法
1 简介 我们都知道Map是存放键值对<Key,Value>的容器,知道了Key值,使用方法Map.get(key)能快速获取Value值.然而,有的时候我们需要反过来获取,知道Value ...
- Linux系统中查看Mysql数据库版本号的四种方法(图文完整版)
今天处理一个问题,发现要确定Mysql数据库的版本号,于是我就整理了一下我查看的几种方法. 第一种方法(在终端操作): 操作方式:在终端输入命令即可查询 命令:mysql -V 第二种方法(在终端操作 ...
- java中保留两位小数的方法_Java中保留两位小数的四种方法实现实例
在写程序的时候,有时候可能需要设置小数的位数,那么java中有哪几种保留小数位数的方法呢?本文以两位小数为例给出四种方法. package CodeJava_Leet; import java.mat ...
- Jsp页面中使用fckeditor控件的两种方法
fckeditor控件请到官方网站下载[url]http://www.fckeditor.net[/url],本例主要用到FCKeditor_2.6.3.zip.fckeditor-java-demo ...
- Mac OS X 中快速访问系统根目录的四种方法
就像其他Unix系统一样,Mac OS X的根目录也是/,Finder中的根目录就是硬盘目录,也就是Macintosh HD.新版本的OS X系统开始隐藏根目录,因为大多数用户不需要访问.下面为大家介 ...
- python中计算n次方运算的四种方法【转】
https://blog.csdn.net/u011699626/article/details/119582754 这里介绍一下python中n次方运算的四种书写形式,代码如下: # -*- cod ...
最新文章
- MySQL Replace INTO的使用
- linux 上配置swoole
- 实战SSM_O2O商铺_02数据模型设计及实体类的创建
- jmeter达梦数据库
- 使用MyBatis和Spring构建Java Web应用程序
- Win11任务栏一直转圈圈的解决方法
- ifconfig route 手动设置网卡route路由 示例
- 【云周刊】第128期:支撑千亿营收背后秘密——首届阿里巴巴研发效能嘉年华...
- C#写文本写Csv文件操作
- 编写DAO,通过JdbcTemplate操作数据库的实践
- Linux下如何使用gcc编译器,Linux下gcc编译器的使用总结
- java动漫网站_基于SSM框架下的JAVA漫画展示系统
- python爬取大众点评字体_python采集大众点评(字体反爬)
- 一篇文章带你搞懂DEX文件的结构
- Gurobi求解标准数独问题
- Extjs实现角色权限流控制,对fieldset,checkbox的动态控制
- android摇骰子动画,Android实现微信摇骰子游戏
- Echarts 修改地图的标示
- python type help copyright_python中help信息
- java控制台存钱方法_JAVA实现账户取款和存款操作