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

【问题标题】：How to load only summary of post without loading full page如何仅加载帖子摘要而不加载整页
【发布时间】：2016-03-14 05:25:04
【问题描述】：

在我的博客的主页上，我显示的是帖子摘要而不是完整帖子。我以为它只加载包含图像和帖子中的一些行的摘要，但是当我在 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>

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

【问题讨论】：

这个问题太宽泛，无法为您提供任何帮助。您使用的是什么 CMS？
您很可能对此无能为力。这取决于您的 CMS。如果 CMS 有获取“摘要”的方法（可能是数据库中的不同列），那么您也许可以做到。很可能，帖子都是通过 HTTP 加载的（而不是 AJAX），所以你绝对不能用 JS 做任何事情。
您需要提供您的代码以及您尝试修复它的内容。只有这样，您才能期待社区提供更多帮助
@jeff 它托管在博客上。这里是secondgf。
@Reddy 我已经添加了代码。

标签： javascript jquery html css blogs

【解决方案1】：

Jump-link 是解决这个问题的正确方法。我刚刚添加了一个跳跃中断，它完全按照我的预期工作。我还自定义了阅读更多按钮以使其更酷。

【讨论】：