标签和js文件的比较
在系统各个模板中,以标签或js文件调用显示信息的方式各有优缺点:
·标签放在各个模板中,经系统解析后即在前台各个生成的页面中生成静态的html代码。在网站首页、各频道首页建议使用标签,这样标签解析后的html代码对搜索引擎的收录非常有帮助,并且在客户端的显示速度要快。
·js文件是一个另外生成的单独内容,放在各个模板中调用的是js文件的地址。在栏目页、内容页的共用项目(如推荐文章、热门文章等),建议使用js文件调用。这样当前台页面生成html静态页面后,即使您在添加、删除某篇文章后,不需要重新生成所有页面,只需更新有关js文件,前台页面中调用的js内容即会自动更新--并且在添加文章时系统会自动更新js文件。
在跨频道调用相关信息时建议使用js文件。如果使用标签,当被调用频道添加、删除了信息后,如果调用的频道没有生成html,则标签的内容不会被更新,而js文件会自动更新。
此外,系统生成的js文件功能还可以在动易以外的系统或其他网站中调用信息。
相关文件说明
频道js文件的设置与使用请参阅前章“网站后台管理”的”js文件管理”。以下介绍预设功能的js文件以及相关调用代码:
调用代码:<script language="javascript" type="text/javascript" src="js/date.js"></script>
作用:显示当前日期时间,例:2006年6月3日 星期五。
调用代码:<script language='javascript' type='text/javascript' src='{$installdir}{$channeldir}/js/showsearchform.js'></script>
作用:显示各频道内的搜索表单。
调用代码:<iframe id='userlogin' src='userlogin.asp?showtype=1' width='170' height='145' frameborder='0' scrolling='no'></iframe>
作用:显示纵向用户登录窗口,showtype=2显示横向窗口。
iframe参数说明:
src --最初嵌入窗口的内容网页
name --窗口名称
frameborder --设定是否显示边框,1为是,0为否
scrolling --设定窗口是否显示滚动条,no不出现滚动条;auto自动出现滚动条;yes出现滚动条
width --设定"画中画"区域的宽度
height --设定"画中画"区域的高度
align --设定窗口排列方式,left为居左,center为居中,right为居右
marginwidth --网页中内容在表格右侧的预留宽度,单位是pix
marginheight --网页中内容在表格顶部预留的高度
hspace --网页右上角的的横坐标
vspace --网页右上角的纵坐标
调用代码:<script src="guestbook/newguest.asp?kindid=0&kindname=0&num=8&tlen=13&order=0&info=0">
作用:显示所有最新留言,或者分类显示最新留言。
参数说明
kindid --调用留言的类别,为0时调用所有类别的最新留言
kindname --为0不显示留言类别,为1显示留言类别,本参数只有kindid设置为0才有效
num --显示留言的数量
tlen --显示留言字符的长度
orders --留言排序方式,1按留言时间排序,其它按id排序
info --显示留言标题题后的信息,0为不显示,1为用户名,2为短日期+长时间,3为短日期,4为时间
调用代码:<form name="search" method="post" action="article/search.asp"><input name="keyword" type="text" id="keyword" value="关键字" size="16" maxlength="50"><input name="submit" type="submit" id="submit" value="搜索"><br><input name="channel" type="radio" value="article" style="border:0" checked onclick="javascript:document.search.action='article/search.asp';document.search.field.value='title';">文章 <input type="radio" name="channel" value="soft" style="border:0" onclick="javascript:document.search.action='soft/search.asp';document.search.field.value='softname';">下载<br><input type="radio" name="channel" value="photo" style="border:0" onclick="javascript:document.search.action='photo/search.asp';document.search.field.value='photoname';">图片<br><input name="field" type="hidden" id="field3" value="title"></form>
作用:按频道搜索显示搜索表单。
调用代码:<form name="search" action="{$installdir}search.asp" method=post><tr><td class=left_tdbg1><br><input id="keyword" maxlength=50 size=16 value=关键字 name="keyword"><input id=submit type=submit value=搜索 name=submit><br><input style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" type=radio checked value=article name=modulename>站内文章<input style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" type=radio value=soft name=modulename>下载中心 <br><input style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" type=radio value=photo name=modulename>用户酷站<input style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" type=radio value=shop name=modulename>动易商品 <br><input id=field type=hidden value=title name=field></td></tr></form>
作用:按系统相同的功能频道显示搜索表单。
调用代码:<marquee id=scrollarea onmouseover=this.stop(); onmouseout=this.start(); scrollamount=2 scrolldelay=200 direction=up width=160 height=140>{$showannounce(1,5)}</marquee>
作用:以滚动字幕方式显示纵向滚动公告窗口。
marquee参数说明:
align --设定活动字幕的位置,left居左、center居中、right居右、top上对齐、bottom下
对齐
bgcolor --设定活动字幕的背景颜色,一般为十六进制数
direction --设定活动字幕的滚动方向,left向左、right向右、up向上、down向下
behavior--设定滚动的方式,scroll一端滚动到另一端,slide一端快速滑动到另一端,alternate
在两端之间来回滚动
height、width --设定滚动字幕的高度与宽度
hspace、vspace --设定滚动字幕左右边框和上下边框的宽度
scrollamount --设定活动字幕的滚动距离。
scrolldelay --设定滚动两次之间的延迟时间。
loop --设定滚动的次数,-1为一直滚动直到页面更新
关于自定义标签功能
《动易内容管理系统》提供的系统标签,修改标签的相应参数即可实现不同的效果。同时增加了自定义标签功能,可以在设计模板时调用您自己定义的标签,从而灵活组合、综合运用,更方便您设计和调用页面。自定义标签的详细操作与说明请参阅前章《网站后台管理》中《自定义标签管理》。