如何在插件中使用javascript

发布时间:2017年07月26日 作者:Catfish CMS 阅读量:46044

大家都知道在网页中使用javascript的方法,那么我们在设计制作Catfish(鲶鱼) CMS的插件时是否也可以使用javascript?答案当然是肯定的,并且在插件中使用javascript也是很简单的。


下面,我们来看一下如何在插件中使用javascript。


依然还是用系统自带的公告插件来举例,假设我们要给这个插件加入javascript代码,该怎么做呢?


这里有两种方法:

一种是直接把javascript代码和html代码混合写入插件(插件如何制作请参考本站相关文章)

第二种方法是把javascript代码放到一个独立的文件中,然后在插件中引用这个文件。


第一种方法很简单了,当javascript代码不是很复杂的情况下,我们可以直接使用第一种方法。但是当代码比较复杂时,如果还是和html代码混在一起,可能会觉得代码不够简洁,这时我们可以用第二种方法,把javascript代码放在一个单独的文件中。


下图是只包含一个文件的最简单插件:

现在我们希望能够在插件中使用javascript,我们先在这个文件所在文件夹新建一个文件夹,取名为“js”,如下图:

然后我们在“js”文件夹里建一个javascript文件,假设我们建了一个名为“announcement.js”的文件。接下去我们就要来实现把这个js文件引用到插件中。


和引用样式文件一样,我们需要用到内置函数“$this->import()”,实际的代码如下:

$this->import('js/announcement.js')

然后我们把它和html代码一起赋值给$data,最后通过内置函数“add”显示内容。


很简单吧,只要简单的一行代码就可以引用外部javascript文件了。



最新发布

第四篇:自适应手机主题制作的HTML代码基本结构

这篇内容实际并不是鲶鱼CMS系统本身的内容,是纯的HTML代码的内容,写到这里是为了方便...

Catfish(鲶鱼) CMS使用教程-第6课:页面设置

本视频是Catfish(鲶鱼) CMS的使用教程之页面设置。介绍了如何进行Catfish...

第四节:页面设置

到上一节为止我们已经学会了系统使用的基本内容,这一节我们将要继续学习一个功能,“页面设置...

seceleIII主题

主题名称:seceleIII主题简介:seceleIII是一款应用于Catfish(鲶鱼...

cBlog-seceleIII主题

主题名称:cBlog-seceleIII主题简介:cBlog-seceleIII是一款二...

cBlog-seceleII主题

主题名称:cBlog-seceleII主题简介:cBlog-seceleII是一款二次元...

怎么使用Catfish(鲶鱼) CMS系统

第一节:怎么添加文章

管理后台是由五大块内容构成的,分别是:内容管理、页面管理、用户管理、菜单管理、系统管理。...

第二节:给文章添加分类

上一节我们讲了如何写文章,这一节我们来学习一下如何添加文章分类,并且给我们的文章加上分类...

第三节:给网站添加菜单

上一节我们讲了如何添加分类,心急的朋友可能已经在考虑如何给您的网站添加菜单项了,因为安装...

第四节:页面设置

到上一节为止我们已经学会了系统使用的基本内容,这一节我们将要继续学习一个功能,“页面设置...

第五节:变更网站名称、LOGO以及版权信息

到上一节为止,我们已经能够自豪地建立起自己的网站了,但是网站名称、LOGO以及版权信息还...

Copyright © 2015 - 2018 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   我要留言
鲶鱼cms是一款比帝国cms以及织梦cms更优秀并且方便易用的cms系统
鲶鱼blog是一款很多方面有着比wordpress更优异的个人博客系统
Catfish(鲶鱼) CMS V 4.8.45