Varios métodos de reutilización de código HTML

Pasos de uso: 1. Instale gulp y Gulp-file-include (en Nodejs).

2. Cree gulpfile.js y configure gulp-file-include:

var gulp = require(' gulp '); //Introduzca gulp

var. incluir archivo? = require('gulp-file-include'); //Introducción a gulf-file-include

gulp.task('fileinclude', function() {

gulp.src ( 'src/**.html')? Pipeline (fileinclude({//gulp.src) almacena el archivo que se va a compilar.

Prefijo: "@@",

Ruta básica: "@file"

})).pipe(gulp . dest(' dist ')); //gulp.dest es la dirección de almacenamiento del archivo compilado.

});

3. Haga referencia a header.html a través de @@include('include/header.html ').

4. En la herramienta de línea de comando, ejecute gulp fileinclude. Después de la ejecución, habrá archivos html correspondientes en el directorio dist.

Pasos de uso: 1. Instale gas EJS (en el nodo).

2. Cree gulpfile.js y configure gulp-file-include:

var gulp = require(' gulp '); //Introduzca gulp

var. ¿ejs? = require('gulp-ejs'); //Introduce gulp-ejs

gulp.task('ejs', function() {

?gulp . src(' vistas/ business/financial manager 1.ejs')//gulp.src almacena los archivos que se compilarán

?pipeline(ejs({},{ext:'.html'}))//será. generado El sufijo del archivo se establece en html

. pipe(gulp . dest(' Views/dist ')); //gulp.dest es la dirección de almacenamiento del archivo compilado

}). ;

3. Aprobado

4. En la herramienta de línea de comando, ejecute gulp ejs. Después de la ejecución, habrá archivos html correspondientes en el directorio dist.

1. Coloque el proyecto en un servidor local como xampp.

2.& ltiframe src= "../template . html " width = " 100% " onload = " reinitiframend()" & gt; >3. Función reinitIframe(){

var iframe = document . getelementbyid(" página iframe "); {

var BH altura = ventana de contenido del iframe. cuerpo del desplazamiento;

altura del documento del iframe. p>

var d altura = iframe. ventana de contenido. elemento del documento. altura de desplazamiento;

p>

var altura = math. p>

iframe.height = altura

}catch (ex){

console . p>}

var timer 1 = window . setinterval(" reinitIframe()", 500 // Inicio del tiempo

Función reinitiframend(){

var iframe = document . getelementbyid(" página iframe ");

console . . ventana de contenido. cuerpo del documento. altura del desplazamiento;

altura del marco flotante = altura del documento. altura, d altura);

console .log(BH altura+":"+d altura

p>

iframe.height = altura

? }catch (ex){

consola .log(ex);

? }

? //¿Detener el cronometraje

? ventana . borrar intervalo(temporizador 1);

}