js如何获取网页打开速度?

JavaScript011

js如何获取网页打开速度?,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>页面速度</title>

<script src="jquery-1.4.4.js"></script>

<script>

var obj = {}

</script>

</head>

<body>

<script>

<!--记录时间点-->

obj.one = new Date*1+10

obj.two =  new Date*1+50

obj.three = new Date*1+60

obj.four =  new Date*1+80

obj.five =  new Date*1+100

var str = $.param(obj)

var img = new Image()

img.src = 'ns.php?'+str

//加载完成或失败都要绑定,如果页面没有正确输出图片(只有头信息是不行的)则会触发onerror事件

img.onload = img.onerror = function() {    

    //清除无用资源

    obj = img = null

}

console.log(img)

//追加显示图片,故我们要把图片变量也清除掉

/*$(function(){

    $("#btn").click(function(){

        $(document.body).append(img)

        //document.body.appendChild(img)

    })

})*/

</script>

<button id="btn">单击显示图片</button>

</body>

</html>

需要jquery库支持

操作步骤如下:

1、打开浏览器,输入www.baidu.com,回车;

2、输入网络测速,点击百度一下;

3、点击百度应用下网速测试,点击开始测试;

4、测试完成显示结果。