HTML引用公共组件

QQ技术交流群 173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票

在test.html引用footer.html

效果图

代码

test.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>引用demo</title><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script></head><body><div id="app">我是頁面</div><!-- 底部 --><div class="footer"></div><!-- 引入头部和底部的代码 --><script type="text/javascript">$(".footer").load('footer.html');$.nicenav(300, '216px');</script></body></html>

footer.html

<div class="footerTop"><dd>深圳某某软件科技有限公司</dd><div class="footerTopRight"><ul><li><img src="https://profile.csdnimg.cn/4/6/5/1_qq_35713752" alt=""><span>****小程序</span></li><li><img src="https://profile.csdnimg.cn/4/6/5/1_qq_35713752" alt=""><span>***公众号</span></li></ul></div>
</div>

HTML引用公共组件相关推荐

vue 公用页面引用_关于vue全局引用公共的js和公共的组件的折腾
前沿最近在项目开发中遇到一些需要全局引用的公共js,或者公共组件,早就烦死了那种每个页面都写一遍,都引用一个js的写法,正好vue解决了这个额问题,于是乎就开始折腾,折腾的过程中也发现了一些自己之前 ...
vue 公用页面引用_vue中实现部分页面引入公共组件
前言我们可以把公共组件放到App.vue中,但是有时候我们希望某个页面不需要这写公共部分,那么需要怎么设置呢? 本文为大家介绍三种部分页面引入公共组件的方法. 方法一:利用子路由创建一个layou ...
vue公共组件封装及传值
Vue组件的三要素 1. props参数 2. slot定制插槽 3. event自定义事件基本组件开发创建一个.vue文件,其中包含template.script以及style: <tem ...
vue uni-app 公共组件封装，防止每个页面重复导入
1.公共插件实现目标,将公共组件或者网络请求直接在this中调用,不需要再页面引用 #例如网络请求 var _this = this;this.api.userInfo({token: ''}#通用 ...
Vue大屏实战四：公共组件边框的实现
文章目录 1.最终效果预览 2.页面布局 3.组件的定义 1.最终效果预览实际我们在开发大屏项目中,基本上整个项目用到的边框是通用的,这样我们把它提取出来做成一个公共组件,之后的项目直接引用即可. ...
第十一篇: 使用ElementUi 卡片封装一个季度选择器公共组件，可直接使用
本篇主要内容:ElementUi 只提供了时间.日历等选择器,没有提供季度选择器,但在开发中报表的时候用到了季度选择器.需要换切换多种类型(年报.月报.季报), 于是封装一个季度公共组件,大家可按需修 ...
React子组件给父组件传值，父组件引用子组件并给子组件传值
本博客代码是 React 父组件和子组件相互传值的 demo:实现封装一个折线图,折线图选择下拉框,获取下拉框点击的值并且传给父组件根据下拉框筛选的条件更新视图:效果图如下: 父组件代码: 代码解析: ...
Thymeleaf选择器引用公共片段
引用公共片段可以使用选择器,引用公共片段 ~{templatename::selector} 模板名::选择器侧边栏设置一个id属性  <nav c ...
导入第三方组件_大型 web 应用公共组件架构是如何来的？
来源:腾讯AlloyTeam https://mp.weixin.qq.com/s/gVUJRF_nLHOT_iXDXQ8F-w 腾讯文档公共组件历史包袱 1. 架构问题--开发层面腾讯文档管理的公 ...

HTML引用公共组件

QQ技术交流群 173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票

在test.html引用footer.html

HTML引用公共组件相关推荐

最新文章

热门文章