<!DOCTYPE html>
<html>
<head>
    <title>example</title>
</head>
<body>
    <h1>Page Title.</h1>
    <p>This is the content which is on the screen at load</p>

    <!-- this is the div which will hold all content outside of view when the page loads -->
    <div id="below_fold"></div>

    <script>
    // get the content on once the page has loaded
    window.onload = function() {
      // set up http request object
      var xhttp = new XMLHttpRequest();
      // tell http object what to do when response is recieved
      xhttp.onreadystatechange = function() {
        // if its all good then go ahead
        if (xhttp.readyState == 4 && xhttp.status == 200) {
          // add content to div
          document.getElementById("below_fold").innerHTML = xhttp.responseText;
        }
        // else we don't do anything, you could display an error or try again
      };
      // set file path for contents
      xhttp.open("GET", "below_fold_content_html.txt", true);
      // send request, xhttp.onreadystatechange will be called when completed
      xhttp.send();
    }
    </script>
</body>
</html>

(上面的示例是对http://www.w3schools.com/ajax/的添加)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36052677

复制

相似问题

问谷歌PageSpeed洞察说我的网站很重。外部通道是一个解决方案吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌PageSpeed洞察说我的网站很重。外部通道是一个解决方案吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌PageSpeed洞察说我的网站很重。外部通道是一个解决方案吗？
EN