Joomla模块加载CSS文件或JS文件

如果你的Joomla模板或者模块需要加入一些外部的CSS或JS文件,你或者会选择直接添加,例如

<script src="/templates/my_template/js/custom.js" type="text/javascript"></script>
<link rel="stylesheet" href="/templates/my_template/css/custom.css">

这样的做法并不是不可以,不过它们插入的位置,就只能是你的代码位置。而通常的情况下,我们更希望它们统一出现在页面head的位置。而且当模板有用到CSS/JS合并压缩功能的时候,你直接插入就不会起作用。

于是,我们需要更规范的插入方式:

在Joomla模板的插入方式

<?php
$doc = JFactory::getDocument();
$doc->addStyleSheet(Juri::base() .'templates/' . $this->template . '/css/custom.css');
$doc->addScript(Juri::base() .'templates/' . $this->template . '/js/custom.js', 'text/javascript');
?>

在模块模板的插入方式

<?php
JHtml::stylesheet(Juri::base() .'templates/my_template/css/custom.css');
JHtml::script(Juri::base() .'templates/my_template/js/custom.js');
?>

注意:替换你的实际文件名或真实路径

  • 作者:野草工作室
  • 发布日期:2017-05-06

文章评论功能仅对网站会员开放,请先 登录 注册

栏目公告

原野草工作室官网的博客栏目的文章,会逐步迁移至Joomla建站笔记栏目。

Joomla主机