JS调用(1)
JS调用可以实现的效果这里不再多讲,大家应该已经非常熟悉了,在此给大家讲一下Discuz!5.5的JS调用步骤。新的版本可以设置JS调用的模板,以及有更多的过滤参数,很方便地供站长使用。具体步骤如下:
一、开启JS调用:系统设置--基本设置--JS调用--启用JS调用(如图1)
图1
在此可以设置的参数有3个:JS数据缓存时间、JS日期格式、JS来路限制
二、打开JS调用的设置:系统设置--系统工具--JS调用向导--选择调用的内容(如图2)
图2
这里可选择的调用内容有:主题列表、论坛列表、会员排行、论坛统计、附件图片调用以及自定义JS调用。
本教程以调用“主题列表”为例说明。
JS调用(2)
三、点击“主题列表”进行设置,(如图3和图4)。
图3
图4
A、设计JS调用的模板,如图3所示。这里做两个功能的解释:
1、[node][/node]的作用:将所有JS调用的内容做封装。它的作用在于:如果您要修改调用内容的显示格式,可以这样设置,在模板外加入[node][/node],然后在[node][/node]外加上html代码,设置之后所有的内容将会以您添加的html代码展示。
举例说明:将调用的主题信息显示红色,可以这样设置:
<font color=red>[node]{prefix} 主题:{subject}<br>所在论坛:{forum} 主题作者:{author} 发布时间:{dateline}<br>[/node]</font>
其中:“{prefix} 主题:{subject}<br>所在论坛:{forum} 主题作者:{author} 发布时间:{dateline}<br>”这一段是单条数据的模板,使用[node][/node]将模板封装,然后在外加入<font color=red>...</font>设置数据的显示颜色。
简单地讲:[node][/node]就是将模板封装。
2、方便地模板排版功能:新版本的JS调用可以自定义调用的模板,直接点击{},就可以快捷地设计模板。
B、过滤调用信息。请看图4。
JS调用(3)
四、在第三步设置之后点击“提交”。得到如图5的JS标识。点击图里粉色部分后得到JS代码,见图6。将代码复制到您需要的页面内,就ok了!图7。
网友评论