Discuz!5.5 JS的调用

图文教程：Discuz!5.5 JS的调用

JS调用可以实现的效果这里不再多讲，大家应该已经非常熟悉了，在此给大家讲一下Discuz!5.5的JS调用步骤。新的版本可以设置JS调用的模板，以及有更多的过滤参数，很方便地供站长使用。具体步骤如下：

一、开启JS调用：系统设置--基本设置--JS调用--启用JS调用(如图1)

图一

在此可以设置的参数有3个：JS数据缓存时间、JS日期格式、JS来路限制

二、打开JS调用的设置：系统设置--系统工具--JS调用向导--选择调用的内容(如图2)

图二

这里可选择的调用内容有：主题列表、论坛列表、会员排行、论坛统计、附件图片调用以及自定义JS调用。

本教程以调用“主题列表”为例说明。

[node]{PRefix} 主题：{subject}

所在论坛：{forum} 主题作者：{author} 发布时间：{dateline}

[/node]

其中：“{prefix} 主题：{subject}

所在论坛：{forum} 主题作者：{author} 发布时间：{dateline}

”这一段是单条数据的模板，使用[node][/node]将模板封装，然后在外加入...设置数据的显示颜色。

简单地讲：[node][/node]就是将模板封装。

三、点击“主题列表”进行设置，(如图3和图4)。

图三

图四

A、设计JS调用的模板，如图3所示。这里做两个功能的解释：

1、[node][/node]的作用：将所有JS调用的内容做封装。它的作用在于：如果您要修改调用内容的显示格式，可以这样设置，在模板外加入[node][/node]，然后在[node][/node]外加上html代码，设置之后所有的内容将会以您添加的html代码展示。

举例说明：将调用的主题信息显示红色，可以这样设置：

2、方便地模板排版功能：新版本的JS调用可以自定义调用的模板，直接点击{}，就可以快捷地设计模板。

B、过滤调用信息。请看图4。

四、在第三步设置之后点击“提交”。得到如图5的JS标识。点击图里粉色部分后得到JS代码，见图7。将代码复制到您需要的页面内，就ok了!

图五

图六

图七