window.onload事件触发页面没被浏览器渲染源码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > bootstrap > window.onload事件触发页面没被浏览器渲染源码实例

关于window.onload事件的用法这里就不多介绍了，具体可以参阅window.onload用法详解一章节。

本章节要介绍一个事实，那就是当window.onload事件触发的时候，页面并没有被浏览器所渲染。

具体的远离这里不做介绍，下面就通过一段代码实例对此做一下证明。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script>
function loadXMLDoc() {
  var xmlhttp;
  if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
  }
  else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.open("GET", "demo/ajax/net/Async.aspx", false);
  xmlhttp.send();
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    document.getElementById("show").innerHTML = xmlhttp.responseText;
  }
}
window.onload = function () {
  loadXMLDoc();
  var odiv = document.getElementById("content");
  odiv.innerHTML = "由于是同步操作，所以会阻塞当前内容的显示。";
}
</script> 
</head> 
<body> 
<div id="show"><img src="demo/ajax/net/img/wait.gif"></div> 
<div id="content"></div>
</body> 
</html>

下面是asp.net后台处理代码:

[ bootstrap ] 运行代码下载代码

<script>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
  
namespace ajax
{
    public partial class Async : System.Web.UI.Page
    {
        string webName;
        int age;
        int i = 0;
        protected void Page_Load(object sender, EventArgs e)
        {
            while(i<1000000000){
                i++;
            }
            webName = Server.UrlDecode(Request.QueryString["webName"]);
            age = Convert.ToInt32(Request.QueryString["age"]);
            Response.Write("欢迎来到51前端，本站已经成立3周年。");
        }
    }
}
</script>

代码描述：window.onload事件触发页面没被浏览器渲染。window.onload事件触发页面没被浏览器渲染源码实例

下载全部收藏

185 246

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册