插件制作进阶3-如何在插件中使用js

501771728   ·  3个月前   ·   插件开发手册

大家都知道在网页中使用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文件了。

--------------

转载至鲶鱼官方网站

版权声明
这里填写版权内容

本页地址:
一言:
2 Reply   |  Until 2个月前 | 186 View

501771728 3个月前 回复帖子 | 点评 | Support  0 | Against  0

评论测试

评论列表

  • 加载数据中...

编写评论内容

501771728 3个月前 回复帖子 | 点评 | Support  0 | Against  0

hahah

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content
每日签到
0人
连续签到0天