Công cụ thành viên

Công cụ trang web


programming5:theme:meo-chen-css-js-trong-tpl

Khác biệt

Đây là những khác biệt giữa hai phiên bản của trang.

Liên kết đến bản xem so sánh này

Phiên bản trước của cả hai bênPhiên bản trước
Phiên bản sau
Phiên bản trước
programming5:theme:meo-chen-css-js-trong-tpl [2018/09/10 08:29] – [Đối với các file CSS] hoaquynhtim99programming5:theme:meo-chen-css-js-trong-tpl [2018/09/10 08:37] (hiện tại) – [Mẹo chèn CSS và Javascript trong TPL] hoaquynhtim99
Dòng 17: Dòng 17:
 </code> </code>
  
-Khi xuất ra trình duyệt, hệ thống tự động trích xuất các file css lên trên thẻ head, các file js đưa xuống cuối trang.+Khi xuất ra trình duyệt, hệ thống tự động trích xuất các file css lên trên thẻ head, các file js và đoạn mã javascript đưa xuống cuối trang.
  
 ===== Đối với các file CSS ===== ===== Đối với các file CSS =====
Dòng 48: Dòng 48:
  
 > Các file không có thuộc tính ''data-offset'' thì mặc định nó là 10000 > Các file không có thuộc tính ''data-offset'' thì mặc định nó là 10000
 +
 +===== Đối với các file JS và thẻ script =====
 +
 +Hệ thống tự đưa về cuối trang theo đúng thứ tự mà nó xuất hiên trong mã HTML thô. Một số trường hợp nhà phát triển muốn nó ở đúng vị trí đó trong mã HTML (thường thấy ở các đoạn mã chèn quảng cáo hoặc javascript viết không dùng jquery) thì có thể sử dụng thuộc tính ''data-show="inline"'' . Ví dụ:
 +
 +<code html>
 +<script data-show="inline">
 +$(document).ready(function() {
 +    $(".select2").select2({
 +        width: "100%",
 +        containerCssClass: "select2-sm"
 +    });
 +});
 +</script>
 +</code>
  
programming5/theme/meo-chen-css-js-trong-tpl.1536542990.txt.gz · Sửa đổi lần cuối: 2018/09/10 08:29 bởi hoaquynhtim99