如何仅加载帖子摘要而不加载整页

时间:2016-03-14 05:25:05

标签: javascript jquery html css blogs

在我的博客上,在主页上,我正在显示帖子摘要而不是完整帖子。我以为它只加载包含图片和帖子中的一些行的摘要,但是当我在Speed-Testing网站上测试它时,我看到它正在加载整页,每个图像然后将图像隐藏在其他内容上。它正在影响我的页面加载速度。有没有办法,只有摘要才会加载。

 </script>
<script type='text/javascript'>
  var thumbnail_mode = &quot;no-float&quot; ; 
  summary_noimg = 430; 
  summary_img = 500; 
  img_thumb_height = 100; 
  img_thumb_width = 120; 
</script>
<script type='text/javascript'>
  //<![CDATA[ 
  function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1) 
    { 
      var s = strx.split("<"); 
      for(var i=0;i<s.length;i++){ 
        if(s[i].indexOf(">")!=-1){ 
          s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
        } 
      } 
      strx = s.join(""); 
    } 
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
  } 
  function createSummaryAndThumb(pID){ 
    var div = document.getElementById(pID); 
    var imgtag = ""; 
    var img = div.getElementsByTagName("img"); 
    var summ = summary_noimg; 
    if(img.length>=1) { 
      imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; 
      summ = summary_img; 
    } 
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; 
    div.innerHTML = summary; 
  } 
  //]]></script>

这是我用来做摘要的代码。

1 个答案:

答案 0 :(得分:0)

跳转链接是解决此问题的正确方法。我刚刚添加了一个跳转,它完全像我期待的那样工作。我还定制了更多阅读按钮以使其更酷。