`

html 动态引入 其他文件

阅读更多

<!-- #include PathType = FileName -->

参数
PathType

将 FileName 的路径类型。路径可为以下某种类型:

路径类型 含义
文件 该文件名是带有 #include 命令的文档所在目录的相对路径。被包含文件可位于相同目录或子目录中;但它不能处于带有 #include 命令的页的上层目录中。
虚拟 文件名为 Web 站点上虚拟目录的完整虚拟路径。

FileName

指定要包含的文件名。FileName 必须包含文件名扩展,而且必须将文件名用引号 (") 引起来。

注释
包 含 #include 命令的文件必须使用映射到 SSI 解释器的文件扩展名;否则,Web 服务器将不处理该命令。默认情况下,扩展名 .stm、.shtm 和 .shtml 将映射到解释器 (Ssinc.dll)。如果安装了 Internet 服务管理器,则可以修改默认扩展映射并添加新的映射。请参阅设置应用程序映射。被包含的文件可具有任何文件扩展名,但建议赋予它们 .inc 扩展名。

示例
<!--被包含文件与父文件存在于相同目录中。 -->
<!-- #include file = "myfile.inc" -->

<!--被包含文件位于脚本虚拟目录中。 -->
<!-- #include virtual = "/scripts/tools/global.inc" -->

include file 与include virtual的区别

1。#include file 包含文件的相对路径,#include virtual包含文件的虚拟路径。
2。 在同一个虚拟目录内,<!--#include file="file.asp"-->和<!--#include virtual="file.asp"-->效果是相同的,但假设虚拟目录名为myweb,则<!--#include virtual="myweb/file.asp"-->也可以通过调试,但我们知道<!--#include file="myweb/file.asp"-->是绝对要报错的。
3。如果一个站点下有2个虚拟目录myweb1和 myweb2,myweb1下有文件file1.asp,myweb2下有文件file2.asp,如果file1.asp要调用file2.asp,那 么在file1.asp中要这样写:<!--#include virtual="myweb2/file2.asp"-->,在这种情况下用#include file是无法实现的,用<!--#include file="myweb2/file2.asp"-->必然报错。相反,在myweb2的文件中包含myweb1中的文件也是一样。如果该被包含文 件在某个文件夹下面,只要在虚拟路径中加上该文件夹即可。
4。不论用#include file 还是 #include virtual,在路径中用“/”还是“\”或者二者交叉使用都不会影响编译效果,程序会顺利执行。
5。 以上情况不适用于2个站点文件的相互调用,而且在同一个站点内,<!--#include file="file.asp"-->和<!--#include virtual="file.asp"-->等效,但假设站点名为website,使用<!--#include virtual="website/file.asp"-->是错误的。

<!--include file="abc/abc.asp"-->

分享到:
评论

相关推荐

    单文件HTML本地引入elementUI

    在“单文件HTML本地引入ElementUI”的场景下,我们需要在不使用构建工具(如Webpack或Rollup)的情况下,仅通过一个HTML文件来加载并使用ElementUI的所有资源。这种做法适用于小型项目或者快速原型开发,它简化了...

    html引入elementUI资源文件

    总之,HTML引入Element UI资源文件是前端开发中的常见步骤,涉及到HTML、CSS、JavaScript和Vue.js的结合使用。通过正确引入和注册,可以充分利用Element UI的组件库,提升前端界面的开发效率和用户体验。同时,了解...

    html引入html实例

    总结起来,“html引入html实例”涵盖了HTML中嵌入、链接以及动态引入其他HTML文件的各种方法。这些技术在构建大型网站和实现页面模块化时非常有用,可以帮助我们提高代码复用性和维护性。理解并熟练掌握这些技术对于...

    antd单文件引入示例

    本示例主要探讨如何在项目中单文件引入antd,以实现轻量级、高效地使用其功能。 首先,我们来看"antd.min.css"、"antd.dark.min.css"和"antd.compact.min.css"这三个文件。它们分别是antd的基础样式文件、暗黑主题...

    HTML-引入Vue3和Element Plus

    首先,我们需要在HTML文件(如`index.html`)中引入Vue3。Vue3引入方式通常有两种:使用CDN或本地安装。这里提到"js已离线",意味着我们可能采用本地安装的方式。在HTML的`&lt;head&gt;`部分,我们可以添加如下代码来引入...

    html实现js文件md5

    如果存在,返回文件的URL或其他标识符;如果不存在,提示用户上传文件。 7. **文件上传**:前端根据后端的响应决定是否需要实际上传文件。如果需要上传,使用FormData对象将文件内容和相关信息打包,然后发送到...

    react基本引入文件

    里面有五个文件,如果用的是react15版本的就引入react.min.js,react-dom.min.js,browser.min.js;要是用react16版本的就引入react.production.min.js,react-dom.production.min.js,dom.min.js,browser.min.js三个...

    vue引入静态js文件的方法

    由于一些演示,需要对编码名称等可快速进行修改,需要页面方便配置。由于build后的vue项目基本已经看不出原样,因此需要创建...2.、在html文件下,使用标签进入 3、在页面直接按照原生的方法使用即可。 例如config.js定

    Vue中引入样式文件的方法

    在这个例子中,`my-component-style.scss`文件需要在`main.js`或其他已解析SCSS的地方被引入,以确保其能正确编译成CSS。 总结来说,Vue中引入样式文件的方式有多种,根据项目需求和样式管理策略灵活选择。SCSS的...

    html引入高德地图demo

    本示例"html引入高德地图demo"就是这样一个实例,它演示了如何在HTML文件中集成高德地图API,为用户提供地理位置相关的交互体验。高德地图API是高德地图提供的一套JavaScript接口,开发者可以利用它在自己的网页上...

    在html中引入外部js文件,并调用带参函数的方法

    在html中引入外部js文件,并调用js文件中的带参函数 1 项目结构 2 编写a.js、test.html //a.js function abc(str){ alert&#40;str&#41;; } //test.html &lt;html&gt; &lt;head&gt; [removed][removed] [removed]...

    vue动态加载js.zip

    在HTML中,我们通常通过`&lt;script&gt;`标签来引入外部脚本。但在Vue中,由于单页面应用(SPA)的特性,我们不再有多个页面加载,而是通过路由和组件切换来呈现内容。因此,需要在运行时动态地将新的JavaScript文件添加到...

    vue在index.html中引入静态文件不生效问题及解决方法

    在Vue.js开发过程中,我们有时需要在`index.html`文件中引入静态资源,如CSS、JavaScript文件或图片等。然而,遇到静态文件无法正常加载的问题可能会导致应用样式或功能缺失。本文将深入探讨这个问题,并提供两种...

    动态加载外部JS文件

    在传统的HTML中,JavaScript文件通常通过`&lt;script&gt;`标签在页面头部或者body中引入。这种方式会使得浏览器在解析到`&lt;script&gt;`标签时暂停HTML的渲染,等待JavaScript文件加载和执行完毕。动态加载则改变了这一模式,它...

    vue动态加载外部依赖js代码实现

    - 本案例中,我们将通过创建一个名为`myScript.vue`的组件来封装动态加载JS文件的功能,使得该功能可以方便地被其他模块引用。 2. **动态加载JS文件的实现** - 在浏览器环境中,可以通过创建`&lt;script&gt;`标签并动态...

    动态多文件上传

    1. **HTML5 File API**:HTML5引入了File API,使得前端可以直接操作用户选择的文件,包括读取文件内容、预览图片、检查文件类型等,这对于实现动态多文件上传至关重要。 2. **FormData对象**:在发送文件到服务器...

    前端html利用http-vue-loader以组件方式引入vue文件

    Vue Loader 是一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件: http-vue-loader 这套工具可提供开发者直接在网页环境中载入 .Vue File,无需透过 nodeJS 环境编译,也不需要 ...

    clipboard引入JS文件

    标题中的“clipboard引入JS文件”指的是使用clipboard.js这个JavaScript库来实现在网页中方便地复制文本内容到用户的剪贴板。clipboard.js是一个轻量级、易于使用的库,它简化了HTML5的`navigator.clipboard` API,...

    html5文件上传插件

    1. **引入文件**:将Huploadify相关的JavaScript和CSS文件引入到网页中。 2. **配置参数**:设置上传地址、允许文件类型、最大文件数量等参数。 3. **绑定元素**:将插件与HTML元素(通常是`&lt;input type="file"&gt;`)...

    使用ztree构建树形菜单,需要引入的js及样式文件

    在实际使用过程中,你需要在HTML页面的`&lt;head&gt;`部分引入这些文件。例如: ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;title&gt;ZTree 示例 &lt;!-- 如果需要复选框功能 --&gt; ...

Global site tag (gtag.js) - Google Analytics