html代码重用的各种方法

使用步骤:1。安装gulp和Gulp-file-include(在Nodejs上)。

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);

}