html代码重用的各种方法
2.创建gulpfile.js并配置gulp-file-include:
var gulp = require(' gulp ');//介绍gulp
var fileinclude?= require(' gulp-file-include ');//介绍海湾-文件-包含
gulp.task('fileinclude ',function() {
gulp.src('src/**。html’)?。管道(fileinclude({//gulp.src)存储要编译的文件。
前缀:“@@”,
基本路径:“@file”
})).pipe(gulp . dest(' dist '));//gulp.dest是编译文件的存储地址。
});
3.通过@@include('include/header.html ')引用header.html。
4.在命令行工具中,执行gulp fileinclude。执行后,在dist目录中有相应的html文件。
使用步骤:1。安装气体EJS(在节点上)。
2.创建gulpfile.js并配置gulp-file-include:
var gulp = require(' gulp ');//介绍gulp
var ejs?= require(' gulp-ejs ');//引入gulp-ejs
gulp.task('ejs ',function() {
?gulp . src(' views/business/financial manager 1 . ejs ')//gulp . src存储要编译的文件。
?。管道(ejs({},{ext:'。html'}))//将生成的文件后缀设置为html。
。pipe(gulp . dest(' Views/dist '));//gulp.dest是编译文件的存储地址。
});
3.及格
4.在命令行工具中,执行gulp ejs。执行后,在dist目录中有相应的html文件。
1.将项目放在xampp之类的本地服务器下。
2.& ltiframe src= "../template . html " width = " 100% " onload = " reinitiframend()" & gt;& lt/iframe & gt;
3 .函数reinitIframe(){
var iframe = document . getelementbyid(" iframe page ");
console . log(iframe);
尝试{
var BH height = iframe . content window . document . body . scroll height;
var d height = iframe . content window . document . document element . scroll height;
var height = math . max(BH height,d height);
iframe.height = height
}catch (ex){
console . log(ex);
}
}
var timer 1 = window . setinterval(" reinitIframe()",500);//计时开始
函数reinitiframend(){
var iframe = document . getelementbyid(" iframe page ");
console . log(" 3 ");
尝试{
var BH height = iframe . content window . document . body . scroll height;
var d height = iframe . content window . document . document element . scroll height;
var height = math . max(BH height,d height);
console . log(BH height+":"+d height);
iframe.height = height
?}catch (ex){
console . log(ex);
?}
?//停止计时
?window . clear interval(timer 1);
}