关于逐浪文章关键字的拼合引用代码

我们有很多时候会在文章的前后加个本文的关键字，以来方便网站的数据交互

例如：

这里的标签我采用的是关键字来做的

文章的关键字是在内容模板中先引入“{ZL.Source id="文章模型数据源标签"/}”，然后再引入{SField sid="文章模型数据源标签" FD="Tagkey" page="0"/}

先引用了数据源标签才能调用关键字字段Tagkey的值

我们先引入一下关键字看一下这个字段的值是什么样的

当然您也可以直接用数据库来查一下

这样一看，这个关键字中有符号“,” 然后我们有个JS代码拼合一下，并给加上样式链接

<p class="mt-md-3">标签： 
  <script>
var str= '{SField sid="文章模型数据源标签" FD="TagKey" page="0"/}'
var strs= new Array(); //定义一数组 
strs=str.split(","); //字符分割 
    for (i=0;i<strs.length ;i++ ) 
 {
 document.write("<a class='border border-danger p-1 ml-md-3 ml-1' href='/Search/SearchList?keyword="+strs[i]+"'>"+strs[i]+"</a>"); //分割后的字符输出 
                           }
  </script>
    </p>

这样基本效果就出来了。

然后再选用一个逐浪ZICO图标（网址为：ico.z01.com）,ZICO的图标是可以直接在逐浪CMS中引用的。我选用的是标签图标，直接点击引用到模板当中就可以了

这样一个完整的效果就出来了。

下面一起看一下效果：

不过我的这个JS代码当中，如果关键字不为5个，则会出现一个空值

如果大家有更好的代码，可以一起分享一下。

感谢分享,看完后深受启发,空值的问题,我们可以加个JS判断,如下:

for (i=0;i<strs.length ;i++ ) 
 {
  if(!strs[i]){continue;}//增加判断,如空值则忽略
  document.write("<a class='border border-danger p-1 ml-md-3 ml-1' href='/Search/SearchList?keyword="+strs[i]+"'>"+strs[i]+"</a>"); //分割后的字符输出 
 }

收到谢谢。。

测试后效果非常好。非常感谢