美文网首页
帝国cms使用javascript判断首页显示缩略图

帝国cms使用javascript判断首页显示缩略图

作者: 小祈祈博客 | 来源:发表于2019-02-12 12:28 被阅读0次

前段时间在制作我的博客遇到了一个棘手的问题,但是对大佬来讲这都是小kiss。

功能实现:首页文章列表可以出带缩略图文章和不带缩略图同时出现

问了我同学麻烦了他帮我解决再这里说声谢谢:

<script>

 //删除空白图片函数

 function delblog(){

 //获取所有blogpic元素组成的集合

 var blogpicList=document.getElementsByClassName("blogpic");

 for(var i=blogpicList.length-1;i>=0;i--){

 //获取集合中当前blogpic元素

 var currentBlogpic=blogpicList[i];

 //获取集合中当前blogpic元素的子标签img

 var blogpicImg=currentBlogpic.getElementsByTagName("img")[0];

 //获取集合中当前blogpic元素的子标签img的src属性

 var blogpicSrc=blogpicImg.getAttribute("src");

 //打印集合中当前blogpic元素的子标签img的src属性(便于调试,可以不管)

 console.log("src:"+blogpicSrc);

 //如果集合中当前blogpic元素的子标签img的src属性为空,就删除集合中当前blogpic元素

 if(blogpicSrc == ""){

 currentBlogpic.parentNode.removeChild(currentBlogpic);

 }

 }

 }

 window.onload = function ()

 {

 //调用删除空白图片函数

$titlepic='';

if($r[titlepic])

{

$titlepic='<span class="blogpic"><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--titlepic--]" alt="[!--oldtitle--]" /></a></span>';

}

$listtemp='

        <li>

          <h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>

          <div class="bloginfo">'.$titlepic.'

            <p>[!--smalltext--]...</p>

          </div>

          <div class="autor">

             <span class="lm f_l"><a href="[!--this.classlink--]" title="[!--this.classname--]" target="_blank"  class="classname">[!--this.classname--]</a></span>

             <span class="dtime f_l">[!--newstime--]</span>

             <span class="viewnum f_l">浏览(<a href="/">[!--onclick--]</a>)</span>

             <span class="f_r"><a href="[!--titleurl--]" class="more">阅读原文>></a></span>

          </div>

        </li>

';

相关文章

网友评论

      本文标题:帝国cms使用javascript判断首页显示缩略图

      本文链接:https://www.haomeiwen.com/subject/xbnheqtx.html