html文件中引入html文件

最新推荐文章于 2024-05-28 14:39:40 发布
最新推荐文章于 2024-05-28 14:39:40 发布
阅读量87 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/sanhao/p/8269994.html
本文介绍了两种常用的在网页中加载公共部分如导航栏的方法：使用<iframe>标签和jQuery的load()方法。这两种方法可以帮助开发者实现页面元素的复用，减少重复编码的工作量。

一般用于网站提取公共部分的导航栏等

第一种方式：<iframe>标签

在body标签第一行加<iframe>标签

<body>
<iframe src="${ctx}/pub/top" frameborder="0" width="100%" height="38" marginheight="0" scrolling="no"></iframe>

</body>

第二种方式：jQuery的load()方法

在body标签第一行进行操作

<div id="page1"></div>
<script>
$("#page1").load("${ctx}/pub/top");
</script>

转载于:https://www.cnblogs.com/sanhao/p/8269994.html

HTML文件中的JS单独引入element-UI的Message组件
Liao320的博客
02-25 4057
错误使用 在做一个网站的留言功能，留言板使用的是element中的el-dialog，功能一切正常，后面想给页面一个“提交成功”的提示，就用element中的Message组件: 因为是HTML文件,所以先在头部引入了下面的三个文件 <head> <script type="text/javascript" src="src/static/plugins/vue/2.6.9/vue.min.js"></script> <script type="te
html超链接调用js函数,在html中引入外部js文件,并调用带参函数的方法
weixin_30903865的博客
06-04 3165
在html中引入外部js文件,并调用带参函数的方法在html中引入外部js文件，并调用js文件中的带参函数1 项目结构2 编写a.js、test.html//a.jsfunction abc(str){alert(str);}//test.htmlwindow.onload = function(){var fun = abc; //引用abc函数fun(123);};3 测试结果以上就是小编为大...
HTML加载HTML页面
快乐
03-03 245
第一种方法，用框架做： &lt;frameset rows="100,*,100" border="0"&gt; &lt;frame src="头.html" scrolling="no" noresize="noresize" /&gt; &lt;frame src="需要变换的.html" name="aaa&
html引入html
qq_39966730的博客
08-25 4035
html引入html
html导航栏所有页面通用,在所有页面中包含HTML导航栏
weixin_39668527的博客
06-03 2665
我有一个导航栏,我希望在一个单独的html文件中,然后在我所有其他页面中使用.我觉得它会使代码看起来更整洁,更有条理.但是,我遇到了一些麻烦.我开始尝试修复主页,这就是我所拥有的:Home Page 这是一个单独的html文件中的导航栏,但与我所有其他html文件位于同一个目录中.这是navigation.html文件,如果它可以帮助任何事情:Home Page World Congress C...
from __future__ import absolute_import的作用
桑凯旋的博客
10-29 1215
关于这句 from __future__ import absolute_import 的作用: 直观地看就是说”加入绝对引入这个新特性”。说到绝对引入，当然就会想到相对引入。那么什么是相对引入呢?比如说，你的包结构是这样的: pkg/ pkg/init.py pkg/main.py pkg/string.py 如果你在 main.py 中写 import string ,那么在Python 2.4 或之前, Python 会先查找当前目录下有没有 string.py, 若找到了，则引入该模块，然后你在
如何在 HTML 中嵌套、引入其他的 HTML？
Moon Star
02-27 3035
在日常开发中，书写的HTML页面往往不是独立或互不通用，通常是有些头部、尾部或者其他部分是公用的，但是HTML有不同JSP页面可以使用类似include这样的动作标记，所以接下来介绍二种HTML页面引入其他HTML页面的方法。
如何在一个 JavaScript 文件中引入另一个 JavaScript 文件
最新发布
Jerry学长
05-28 2504
在早期版本的 JavaScript 中，没有提供原生的模块导入功能，因此开发者们尝试过各种不同的方法来解决这个问题。然而，自 2015 年 (ES6) 以来，JavaScript 引入了标准，这使得在 Node.js 中导入模块变得更加规范。现代浏览器也广泛支持这一标准。为了与旧版浏览器兼容，可以使用例如和这样的构建工具，或使用这样的转译工具。
Vue项目中引入html页面（vue.js中引入echarts数据大屏html [静态非数据传递!] ）
Start_Simple的博客
04-01 2958
vue3原有public文件夹下 我这边是新建一个static文件夹 专门存放要用到的html文件 复制拖拽过来。这里是静态展示 动态数据效果还需html页面加一个监听message的事件这篇文件不赘述。方法 不同于vue的 components: { } 命名方式。再修改宽高即可满足首页(vue页)呈现引入的html。在项目原有vue（例如首页）基础上引入html页面。index为html的首页。vue调用vue页面方式。
HTML引入外部的JavaScript文件
AKGWSB 's blog
04-16 1万+
这个测试案例是基于上一次写的【反转字符串网页】 我们总是希望结构和流程控制互相分离，所以将一个js文件写在外部，以强调其可复用性以及使得编程的过程更加清晰 我们有如下的html页面，我们希望给button标签添加onclick的回调函数，而这些回调函数来自外部定义的js文件，并且实时的改变文本框的内容，为此我们需要定义一个js文件 如何获取标签的对象呢？这里直接调用标签的id即可，因为id唯一，或...
html引入html实例
11-28
html引入html实例
HTML页面如何引入其他HTML页面
微滑低的博客
12-06 1万+
HTML页面如何引入其他HTML页面 在日常开发中，书写的HTML页面往往不是独立或互不通用，通常是有些头部、尾部或者其他部分是公用的，但是HTML有不同JSP页面可以使用类似include这样的动作标记，所以接下来介绍一种HTML页面引入其他HTML页面的方法。 1.书写一个include.js,把公共的部分页面写入到里面 $(function () { $.get("header.html",function (data) { $("#header").html(data);
html中引入调用另一个html的方法有很多种
时光留不住，毕竟东流去
06-29 1万+
发现html中引入调用另一个html的方法有很多种，我都尝试了一下，就把他们都列出来吧： 其中推荐第一种和第六种，因为代码太长就写在最后了。其他的方法，可以自己尝试，看是不是适合你当前项目。 一、需要借助 jquery div+$("#page1").load(“b.html”) 。 参考代码： <body> <div id="page1"></div> <div id="page2"></div> <script&g
在html文件引入其它html文件的几种方法
05-29 932
在html文件引入其它html文件的几种方法 简介：在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！ 1.IFrame引入，看看下面的代码 [代码] 你会看到一个外部引入的文件，但会发现有一个类似外框的东西
前端：项目一个html中如何引入另一个html？
王小二(海阔天空)
10-31 6779
【代码】前端：项目一个html中如何引入另一个html？
【二】前端基础之HTML引入
Chimengmeng的博客
07-04 507
【二】前端基础之HTML引入 Hyper Text Markup Language ，译作超文本标记语言，是一门标记语言，不是编程语言。所以它没有变量，也没有任何语句结构。 所谓的超文本，就是超越了文本范畴的文档格式，普通文本只能显示文字，而超文本可以显示各种的媒体资源，例如：html网页，doc文档，xls文档等等。 同时，HTML发展至今，一共经历6个版本：HTML1.0，HTM...
html静态页面引入公共html页面
热门推荐
u010957390的博客
01-14 9万+
很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, 在这里我是这样做的,自己写了一个include.js include.js代码如下 /** * Created by 张永风 on 2016/1/13. */ (function(window, document, undefined) { v
js实现一个html页面引入另一个html页面
haogemr的博客
05-05 3万+
通过jq的load方法引入原生js的object标签引入iframe引入import引入(head中引入文件，script中加载内容) 通过jq的load方法引入 <body> <div id="div"></div> <script> $("#div").load("index.html"); <...
ajax加载html文件
天空影
06-06 3万+
受到单页面应用的触发，想着传统的jquery能不能实现这样一个应用，然后在ajax这里发现了新大陆（请原谅我的无知） 分析 加载一个html的话是可以分为加载其中某个块（div）和加载整个页面，而不管加载其中任何一种都是需要本页面的一个块（div）来进行加载展示。加载的方法可以是$(ajax{}) 方法也可以是 $('#div').load() 方法，下面为大家演示一下 实操 in...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值