首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 網頁程式設計 >> PHP 程式設計 >> PHP 綜合知識

ThinkPHP 模板引擎導入資源文件:import/load/js/css 標籤全解析

     編輯:PHP 綜合知識

傳統方式 vs 標籤方式

<!-- 傳統寫法 -->
<script src="/Public/Js/Util/Array.js"></script>
<link rel="stylesheet" href="/App/Tpl/default/Public/css/style.css" />

import 標籤(命名空間風格)

基本用法

<!-- JS 預設 type=js -->
<import file="Js.Util.Array" />
<import file="Js.Util.Array,Js.Util.Date" />  <!-- 批量 -->

<!-- CSS 需指定 type -->
<import type="css" file="Css.common" />

進階屬性

屬性說明
basepath自定義基礎路徑(預設 /Public)
#min對應 .min.js 壓縮版
?v=120版本號防快取
value條件載入(支援變數/函數)
<import file="Js.Util.Array" basepath="./Common" />
<import file="Js.Util.Array#min" />
<import file="Js.Util.Array?v=120" />
<import file="Js.Util.Array?v=125,Js.Util.Date?v=130" />

<!-- 條件載入 -->
<import file="Js.Util.Array" value="name" />              <!-- 判斷 $name 存在 -->
<import file="Js.Util.Array" value="Think.get.name|isset" /> <!-- 函數鏈 -->

load 標籤(URL 直載)

<load href="/Public/Js/Common.js" />
<load href="/Public/Js/Date.js?v=235" />
<load href="/Public/Css/common.css" />        <!-- 自動判斷類型 -->

<!-- 模板變數替換 -->
<load href="!-PUBLIC-!/Js/Common.js" />

<!-- 條件載入 -->
<load href="/Public/Js/Common.js" value="name" />

<!-- 批量混合載入 -->
<load href="/Public/Js/Common.js,/Public/Css/common.css" />

js/css 別名標籤

<js href="/Public/Js/Common.js" />
<css href="/Public/Css/common.css" />

編譯後輸出範例

<?php if(isset($_GET['name'])): ?>
<script type="text/javascript" src="/Public/Js/Util/Array.js"></script>
<?php endif; ?>
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved