javascript - 如何只加载帖子摘要而不加载整页

标签 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>

这是我用来做总结的代码。

最佳答案

跳转链接是解决这个问题的正确方法。我刚刚添加了一个 jump-break,它完全按照我的预期工作。我还自定义了阅读更多按钮,让它更酷。

关于javascript - 如何只加载帖子摘要而不加载整页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35980094/

相关文章:

javascript - 带有 _blank 的常规链接在选项卡中打开,但 JS window.open(url, "_blank");打开一个新窗口?

javascript - 循环图像标题不起作用

javascript - CSS 变换元素建议

javascript - 在 CSS 或 JS 中使用字体字符替换

javascript - 使用克隆 jQuery 时不生成 HTML 选择下拉值

javascript - 每次选择数据库列时调用 SQL "function"(存储过程?)

javascript - jquery 可排序中动态创建的元素

javascript - 我有一个虚假数据对象,我想复制它,我该怎么做?

javascript - 如何使用 jQuery 中的动画功能从左向右滑动?

html - 如何在两边 20% 边距的中心显示我的页面?