html代码复用各种方法

Posted 2023-03-26

参考技术A 使用步骤：1.安装gulp以及gulp-file-include(NodeJs上)

2.新建gulpfile.js,配置 gulp-file-include:

var gulp =require('gulp');//引入gulp

var fileinclude  =require('gulp-file-include');//引入gulp-file-include

gulp.task('fileinclude', function()

    gulp.src('src/**.html') .pipe(fileinclude(//gulp.src中存放要编译的文件

           prefix:'@@',

           basepath:'@file'

    )).pipe(gulp.dest('dist'));//gulp.dest中存放编译后的文件的存放地址

);

3.通过@@include('include/header.html')引用header.html

4.在命令行工具里，执行gulp fileinclude。执行完毕后，dist目录里就有相对应的html文件。

使用步骤：1.安装gulp-ejs(NodeJs上)

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/financeManage1.ejs')//gulp.src中存放要编译的文件

         .pipe(ejs(,ext: '.html'))//设置生成的文件后缀名为html

        .pipe(gulp.dest('Views/dist'));//gulp.dest中存放编译后的文件的存放地址

);

3.通过<%-include ../template.html  %>引用template.html

4.在命令行工具里，执行gulp ejs。执行完毕后，dist目录里就有相对应的html文件。

1.将项目放于本地服务器如xampp下

2.<iframe src="../template.html" width="100%" onload="reinitIframeEND()"></iframe>

3.function reinitIframe()

        var iframe = document.getElementById("iframepage");

        console.log(iframe);

        try

            var bHeight = iframe.contentWindow.document.body.scrollHeight;

            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

            var height = Math.max(bHeight, dHeight);

            iframe.height = height;

        catch (ex)

            console.log(ex);

       



var timer1 = window.setInterval("reinitIframe()", 500); //定时开始

function reinitIframeEND()

        var iframe = document.getElementById("iframepage");

        console.log("3");

        try

            var bHeight = iframe.contentWindow.document.body.scrollHeight;

            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

            var height = Math.max(bHeight, dHeight);

            console.log(bHeight+":"+dHeight);

            iframe.height = height;

      catch (ex)

            console.log(ex);

     

     // 停止定时

     window.clearInterval(timer1);

Python基础篇_函数及代码复用

Python基础篇_函数及代码复用

函数的定义、使用：

　　函数的定义：通过保留字def实现。

　　定义形式：def <函数名>(<参数列表>)：

　　　　　　　　<函数体>

　　　　　　　return<函数返回值列表>

函数的使用：定义后不能直接使用函数，需要调用函数。

调用方法：<函数名>(<实际赋值参数列表>)

函数的参数调用：可选参数传递、参数名称传递、函数的返回值

可选参数传递：函数的参数在定义的时候可以给函数指定默认值，当某参数没有传入时，则使用默认值进行代替。

可选参数函数的定义方法：

def <函数名>(<非可选参数列表>，<可选参数>=<默认值>)：

　　<函数体>

return<函数返回值列表>

参数名称传递：python支持函数按照参数名称方式传递参数。

形式如下：<函数名>(<参数名>=<传入值>)

函数的返回值：return语句用来结束函数并返回函数调用处继续执行，可以出现在函数的任何地方，可以同时将0个、1个或多个运算结果返回到函数调用处的变量，没有return语句，函数则没有返回值。

变量的作用域：局部变量：只在函数内部使用，全局变量：在程序执行过程中全部有效，使用保留字global进行声明。定义形式：global <全局变量>组合数据类型