html页面中引入html

我们写页面通常会遇到这种情况,一个模块很多页面都用到,那么我们为了方便就会单独写到一个页面,然后引入进去,我知道的有三种:

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会替换原来存在的内容。

好啦,就到这里。

原文地址:https://www.cnblogs.com/eyed/p/9450651.html

时间: 2024-10-24 05:02:44

html页面中引入html的相关文章

页面中引入带中文的JS文件乱码问题

1. WebConfig: ? 1 <globalization requestEncoding="gb2312" responseEncoding="gb2312" fileEncoding="gb2312"/> 2.<META http-equiv="content-type" content="text/html; charset=gb2312"> 3.<script t

页面中引入js的几种方法

通常大家最为熟悉的是一下两种方法: 在页面中直接写入<script type="text/javascript">js代码</script>. 在页面中引入外部文件<script src="xx.js"></script>. 下面再介绍几种页面引入js的代码: 在js中引入外部js,通过document.wirite("scr"+"ipt src='xx.js'></scr&q

JSP页面中引入另一个JSP页面

一个JSP页面中引入另一个JSP页面,相当于把另一个JSP页面的内容复制到对应位置: <%@include file="date.jsp" %> 一般页面的top和bottom固定的时候可以用这种方式 原文地址:https://www.cnblogs.com/suhfj-825/p/8214929.html

Java项目在jsp页面中引入jquery框架的步骤

环境:在Java  web项目中引入juqery框架 工具:MyEclipse8.5 [步骤如下] A:新建一个Java web项目TestJquery,在WebRoot目录下创建一个jquery文件夹 B:下载jquery-1.8.3.min.js放入jquery文件夹中 C:创建jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%&g

ckeditor4.x操作之在页面中引入(一)

一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js <script src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <textarea class="ckeditor"></textarea> 3.将相应的控件替换成编辑器代码 4.配置编辑器 ckeditor的配置都集中在

thymeleaf:在一个页面中引入其它的页面

这个在jsp中很容易实现,但是springBoot不推荐使用jsp,建议使用thymeleaf,下面是在thymeleaf中引入界面的方法 1.修改配置文件 spring: mvc: static-path-pattern: /static/** thymeleaf: prefix: classpath: /templates/ 在springBoot中,静态资源(如js,css,图片,静态html)都放在static当中,动态资源(如html)放在templates中. 这是我的目录结构 现在

https 页面中引入 http 资源的解决方式

今天在做echart地图页面的时候,碰到一个小问题,页面报错如下: 原因是我在github-page的页面上,请求了一个http协议的jq库,但是我的github是基于https协议的,这显然是协议不同导致的报错.怎么解决呢?我在segmentfault上查了一下,有如下方法: 相对协议 什么是相对协议呢? 简而言之,就是将URL的协议(http.https)去掉,只保留//及后面的内容.这样,在使用https的网站中,浏览器会通过https请求URL,否则就通过http发送请求. <img s

在html页面中引入公共的头部和底部

参考链接: http://www.cnblogs.com/jason-star/p/3345225.html http://blog.csdn.net/jsxzzliang/article/details/47022055 使用SHTML进行公共头部和底部的引用       SHTML介绍:shtml是一种基于SSI技术的文件,也就是Server Side Include--SSI 服务器端包含指令,一些Web Server如果有SSI功能的话就会对shtml文件特殊招待,服务器会先扫一次sht

在php页面中引入html文件

后缀名为php的文件里面要插入a.html文件,使用方法 <?php include("selectgoods.html"); ?>