在html文件中引入另一html文件,实现代码复用
来源:互联网 发布:淘宝网孕妇保暖上衣 编辑:程序博客网 时间:2024/04/29 04:24
最近写前端html网页,下载了一个模板进行修改,发现每个页面都有很多重复代码(如导航栏)。于是想将重复代码抽取出来,方便修改,也能减轻代码量。百度过几个方法,如<!--#和object等,都不好用。最后使用了javascript这个方法。
一、新建一个Text.html文件,将重复代码复制进去(方便以后修改)
二、打开站长之家,找到旧版本的html/js互转功能,将重复代码转化为js代码(百度有详细教程)(当然也可以自己写)
如下图:
三、新建一个js文件,如navigation.js 。将js代码复制进去
四、在原html文件区域,引入js文件,就可以了。
代码:<scripttype="text/javascript"src="./jquery/navigation.js"></script>
0 0
- 在html文件中引入另一html文件,实现代码复用
- html文件中引入js代码
- html文件中引入css代码
- 如何在一个html文件中引入另一个html文件
- 【Extjs】在window中引入html文件
- HTML文件中引入其他HTML代码片段
- html,jsp文件中引入文件路径
- 在HTML中引入多个css文件
- 在一个普通的html文件中引入es6
- 在html文件中运行php代码
- html src文件引入
- HTML外部文件引入
- 在php模版文件和html文件中引入js,css文件错误解决
- html div中怎么引入另一个html文件
- html div中怎么引入另一个html文件
- html引入js文件问题
- 引入样式表及引入html文件
- nodejs返回html代码 引入路径问题+静态文件问题
- Android Animation实战之屏幕底部弹出PopupWindow
- Vim配置#基础开发配置(自用)
- sapui5 table不显示Table数据
- 对 粒子滤波算法原理 的介绍,通俗易懂
- 2017
- 在html文件中引入另一html文件,实现代码复用
- WaitForSingleObject的用法
- 编译得到OpenCv+Contrib SDK for android
- javascript基础(JSON的使用和低版本IE的兼容)(四十七)
- Android GPS定位
- java开发相关下载
- c++之指针作为函数参数传递的问题
- java一个简单的根据身份证号码获取该人的出生年月日和性别
- 关于两个日期的时间差 java android