山旮旯农家土特产 發表於 2023-6-9 00:00:00

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

<p>
z-blog默认主题的模板b_article_comment.html中</p>
<pre>
&lt;ul&gt;

    &lt;li&gt;&lt;span&gt;&lt;a onclick="InsertQuote(this.parentNode.parentNode.parentNode.getElementsByTagName('a').innerHTML,this.parentNode.parentNode.parentNode.getElementsByTagName('li').innerHTML);return false;" href=""&gt;&lt;img src="&lt;#ZC_BLOG_HOST#&gt;image/common/quote.gif" height="9" width="9"    &lt;li&gt;&lt;a href="&lt;#article/comment/urlencoder#&gt;" rel="nofollow" target="_blank"&gt;&lt;#article/comment/url#&gt;&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;#article/comment/content#&gt;&lt;/li&gt;

    &lt;li&gt;&lt;#article/comment/posttime#&gt;&amp;nbsp;&lt;a href="#comment" onclick="RevertComment('&lt;#article/comment/id#&gt;')"&gt;&lt;#ZC_MSG265#&gt;&lt;/a&gt;&lt;/li&gt;

&lt;/ul&gt;</pre>
<p>
要把其格式改成如下结构，z-blog引用评论的按钮要如何写呢？：</p>
<pre>
&lt;div&gt;

&lt;cite&gt;评论者&lt;/cite&gt;

&lt;blockquote&gt;评论内容&lt;/blockquote&gt;

&lt;p&gt;网站&lt;/p&gt;

&lt;p&gt;时间&lt;/p&gt;

&lt;/div&gt;</pre>
<ul>
<li>
<p>
讲解z-blog引用所用的JS函数：</p>
<ol>
<li>
<p>
引用的函数: InsertQuote(参数1[评论者],参数2[评论内容])</p>
</li>
<li>
<p>
this.parentNode 表示该节点的上一节点</p>
</li>
<li>
<p>
getElementsByTagName('a').innerHTML 表示获取第二个&lt;a&gt;元素的内容,即&lt;#article/comment/name#&gt;</p>
</li>
<li>
<p>
同上,getElementsByTagName('li').innerHTML 为&lt;#article/comment/content#&gt;</p>
</li>
</ol>
<p>
修改后的代码</p>
<pre>
&lt;div&gt;

&lt;a onclick="InsertQuote(this.parentNode.getElementsByTagName('CITE').innerHTML,this.parentNode.getElementsByTagName('BLOCKQUOTE').innerHTML);return false;" href="#comment"&gt;引用&lt;/a&gt;

&lt;cite&gt;评论者&lt;/cite&gt;

&lt;blockquote&gt;评论内容&lt;/blockquote&gt;

&lt;p&gt;网站&lt;/p&gt;

&lt;p&gt;时间&lt;/p&gt;

&lt;/div&gt;</pre>
</li>
<li>
<div>
 </div>
</li>
</ul>
頁: [1]
查看完整版本: z-blog评论留言的引用按钮写法详解