• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >z-blog > z-blog评论留言的引用按钮写法详解

z-blog评论留言的引用按钮写法详解

作者:jb51 字体:[增加 减小] 来源:互联网 时间:2017-05-13

jb51 向大家介绍了评论按钮,新闻评论的写法,评论的写法,时事评论的写法,人物评论的写法等相关知识,希望对您有所帮助
关键字描述:详解 按钮 引用 评论 留言 < " > class .innerHTML

z-blog默认主题的模板b_article_comment.html中

<ul class="msg">

    <li class="msgname"><span class="comment-quote-icon"><a onclick="InsertQuote(this.parentNode.parentNode.parentNode.getElementsByTagName('a')[2].innerHTML,this.parentNode.parentNode.parentNode.getElementsByTagName('li')[2].innerHTML);return false;" href=""><img src="<#ZC_BLOG_HOST#>image/common/quote.gif" height="9" width="9" alt="quote" title="quote" /></a></span>&nbsp;<a name="cmt<#article/comment/id#>"><#article/comment/count#></a>.<a><#article/comment/name#></a></li>

    <li class="msgurl"><a href="<#article/comment/urlencoder#>" rel="nofollow" target="_blank"><#article/comment/url#></a></li>

    <li class="msgarticle"><#article/comment/content#></li>

    <li class="msgtime"><#article/comment/posttime#>&nbsp;<a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a></li>

</ul>

要把其格式改成如下结构,z-blog引用评论的按钮要如何写呢?:

<div class="msg">

<cite>评论者</cite>

<blockquote>评论内容</blockquote>

<p>网站</p>

<p>时间</p>

</div>
  • 讲解z-blog引用所用的JS函数:
    1. 引用的函数: InsertQuote(参数1[评论者],参数2[评论内容])
    2. this.parentNode 表示该节点的上一节点
    3. getElementsByTagName('a')[2].innerHTML 表示获取第二个<a>元素的内容,即<#article/comment/name#>
    4. 同上,getElementsByTagName('li')[2].innerHTML 为<#article/comment/content#>

    修改后的代码

    <div class="msg">
    
    <a onclick="InsertQuote(this.parentNode.getElementsByTagName('CITE')[0].innerHTML,this.parentNode.getElementsByTagName('BLOCKQUOTE')[0].innerHTML);return false;" href="#comment">引用</a>
    
    <cite>评论者</cite>
    
    <blockquote>评论内容</blockquote>
    
    <p>网站</p>
    
    <p>时间</p>
    
    </div>

    </div>
  • 分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

    您可能想查找下面的文章:

    • z-blog评论留言的引用按钮写法详解

    相关文章

    • 2017-05-13z-blog简洁翻页条的CSS定义
    • 2017-05-13z-blog 留言板倒序显示的修改方法
    • 2017-05-13Z-blog默认模板的页面模型分析
    • 2017-05-13Z-Blog 博客评论用户无url链接跳转网站修改方法
    • 2017-05-13z-blog的目录、留言、引用标签教程
    • 2017-05-13zblog二次回复不显示在侧栏最新评论里的修改方法
    • 2017-05-13Z-Blog日历标签与控制面板标签说明
    • 2017-05-13Z-Blog 自定义分类静态首页配置
    • 2017-05-13Z-blog系统常量标签说明
    • 2017-05-13去掉zblog留言编辑后留下的“最后编辑”那句提示文字的方法

    文章分类

    • dedecms
    • ecshop
    • z-blog
    • UcHome
    • UCenter
    • drupal
    • WordPress
    • 帝国cms
    • phpcms
    • 动易cms
    • phpwind
    • discuz
    • 科汛cms
    • 风讯cms
    • 建站教程
    • 运营技巧

    最近更新的内容

      • Z-BLOG常用技巧汇总(月光博客)
      • Z-blog系统常量标签说明
      • z-blog插件的制作过程步骤分享
      • zblog php版本如何修改后台默认登录地址
      • zblog二次回复不显示在侧栏最新评论里的修改方法
      • Z-blog错误原因:未知错误ID:-2147467259
      • zblog2.2实现首页显示指定的分类技巧
      • z-blog分页条中的上下分页调用
      • ZBLOG1.8的验证码及反垃圾评论解决方案
      • Z-Blog 博客评论用户无url链接跳转网站修改方法

    关于我们 - 联系我们 - 免责声明 - 网站地图

    ©2020-2025 All Rights Reserved. linkedu.com 版权所有