html如何调用引用asp？

<!--#include file="index_down.asp"-- 把html文件的后缀该成.asp的。2个页面在一个目录下面。 <!--#include file="inc/conn.asp"-- 把asp文件放在inc文件夹下 <!--#include file="inc/function.asp"--

为了保持网站的整体风格的统一,页面的尾部调用一个asp文件.由于页面是.html的,所以不能用<!--#include file=""--的方式做. 于是就用了调用的方法.

.html中调用的代码 <script type="text/javascript"src="bottom.asp"</script bottom.asp中的代码 document.write("<link href='css.css' rel='stylesheet' type='text/css' /")document.write ("<table height='50' width='1024' background='images/bq.jpg' align='center' class='tt'<tr<td align='center' valign='middle'")

使用步骤：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)

}

我们编写html的时候经常需要调用JS的相关代码，那么如何在HTML中调用JS的代码呢？下面我给大家分享一下。

工具/材料

Sublime text

01

首先打开Sublime text软件编写一个html页面，如下图所示

02

然后我们在html页面中添加script标签，在script里简单的写一些JS的代码，如下图所示

03

接下来可以定义一个button按钮，通过其click事件来调用JS的代码，如下图所示

04

当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内进行引入才可以使用，如下图所示

---