可以使用Include标签来包含外部的模板文件，使用方法如下：
include标签（包含外部模板文件）
闭合
闭合标签
属性
file（必须）：要包含的模板文件，支持变量
示例：
1、 使用完整文件名包含
格式：<include file="完整模板文件名" />
例如：
<include file="/Tpl/default/Public/headerhtml" />
这种情况下，模板文件名必须包含后缀。使用完整文件名包含的时候，特别要注意文件包含指的是服务器端包含，而不是包含一个URL地址，也就是说file参数的写法是服务器端的路径，如果使用相对路径的话，是基于项目的入口文件位置。
2、包含当前模块的其他 *** 作模板文件
格式：<include file=" *** 作名" />
例如 导入当前模块下面的read *** 作模版：
<include file="read" />
*** 作模板无需带后缀。
3、 包含其他模块的 *** 作模板
格式：<include file="模块名: *** 作名" />
例如，包含Public模块的header *** 作模版：
<include file="Public:header" />
4、包含其他模板主题的模块 *** 作模板
格式：<include file="主题名:模块名: *** 作名" />
例如，包含blue主题的User模块的read *** 作模版：
<include file="blue:User:read" />
5、 用变量控制要导入的模版
格式：<include file="$变量名" />
例如
<include file="$tplName" />
给$tplName赋不同的值就可以包含不同的模板文件，变量的值的用法和上面的用法相同。
无论你使用什么方式包含外部模板，Include标签支持在包含文件的同时传入参数，例如，下面的例子我们在包含header模板的时候传入了title和keywords变量：
<include file="header" title="ThinkPHP框架"keywords="开源WEB开发框架"/>
就可以在包含的headerhtml文件里面使用var1和var2变量，方法
<html xmlns="><!--第一种：jquery获取dom内的id，直接加载想要引入的页面-->
<div id="page"></div>
<script>
$("#page")load("headerhtml");
</script>
<!--第二种：引入includejs文件，然后用include标签加载想要的页面
代码如下-->
<script>
(function(window, document, undefined) {
var Include39485748323 = function() {}
Include39485748323prototype = {
//倒序循环
forEach: function(array, callback) {
var size = arraylength;
for(var i = size - 1; i >= 0; i--){
callbackapply(array[i], [i]);
}
},
getFilePath: function() {
var cur>
1、到bootstrap官方网站下载，对于我们开发者来说，直接下载编译和压缩后的CSS、JavaScript文件，另外还包含字体文件，但是不包含文档和源码文件。打开解压包之后可以发现包含三个文件夹 css、fonts、js。这是最基本的Bootstrap组织形式：未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrapmin)与未压缩 (bootstrap)的CSS和JS文件。字体图标文件来自于Glyphicons
2、所有Bootstrap插件都依赖jQuery。而且在正式的项目当中我们推荐使用压缩之后的版本，因为它的体积很小，到官网下载jQuery支持，如图：
3、将下载后的就jQuery放到bootstrap中的js目录下，如图：
4、在bootstrap的根目录下新建一个demohtml文件，（注意，必须在根目录下面新建，因为后面的步骤中要将bootstrap框架中的css和js文件链接到创建的demo中）
5、编辑demohtml文件，添加对bootstrap框架中css和js的引用，内容如下，有注释说明，这样，我们就基本上建立了对bootstrap框架的基本使用架构
6、源码：
<!doctype html><html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<!-- viewport的<meta>标签，这个标签可以修改在大部分的移动设备上面的显示，为了确保适当的绘制和触屏缩放。-->
<title>无标题文档</title>
<!--样式文件引用-->
<link href="css/bootstrapmincss" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respondjs IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respondjs doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src=";
7、另外，bootstrap官方提供了链接服务，永久免费，即使你不下载bootstrap框架文件到本地，也可以直接在html中使用，使用下面这段代码：
<link href=";欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）