如何只加载 post 的摘要而不加载整页

Question

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

这是我用来总结的代码。

Answer 1

Jump-link是解决这个问题的正确方法。我刚刚添加了一个 jump-break，它完全符合我的预期。我还自定义了阅读更多按钮，让它更酷

如何只加载 post 的摘要而不加载整页

How to load only summary of post without loading full page

html

javascript

css

jquery

blogs