html页面中引入html
2024-08-29 04:42:09
我们写页面通常会遇到这种情况,一个模块很多页面都用到,那么我们为了方便就会单独写到一个页面,然后引入进去,我知道的有三种:
1、用标签<iframe></iframe>
例:
<iframe align="center" height="570" src="lib/sideBarL.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
iframe有自己默认的高度,如果你引入的页面高度超出他默认的高度会超出隐藏,所以,要加上height="";
2、用标签<object></object>
例:
<object data="lib/sideBarL.html" type="text/x-scriptlet" height="570"></object>
object也有自己的默认高度,如果你引入的页面高度超出他默认的高度,引入部分会出现纵向滚动条,这个就很影响页面美观了,所以也是要加上height="";
3、div+$(“document”).load(“b.html”);
例:
<div class="sidebar"></div>
$('.sidebar').load('lib/sideBarL.html');
需要注意的是,这个div里面必须是空的,里面没有任何元素,如果里面有其他的标签,那么你引入的html会替换原来存在的内容。
好啦,就到这里。
最新文章
- git 代码更新
- 转载:谈谈Unicode编码,简要解释UCS、UTF、BMP、BOM等名词
- UILabel的使用
- Strawberry Perl CPAN Install Module 安装 Module 方法
- oracle索引使用时注意
- 前端CSS编程之道-LESS
- 【转】Hibernate入门实例
- xmlDoc.SelectNodes用法(获取不到节点时注意事项)
- jsp页面onsubmit=&;quot;return checklogin();&;quot;该解决方案给
- HTML5学习之语义化标签(一)
- Eclipse中debug调试java代码一直报Source not found的解决办法
- sql 语句优化
- oracle创建触发器及作用举例
- 用 k8s 管理机密信息 - 每天5分钟玩转 Docker 容器技术(155)
- LeetCode算法题-Minimum Absolute Difference in BST(Java实现)
- python->;读写excel
- 四:(之一和之二) docker架构和底层技术分析(C/S架构)
- jQuery中extend()实现原理
- visual studio 2005提示脚本错误 /VC/VCWizards/2052/Common.js
- Core Data 迁移与版本管理