jquery利用frame计算第三方网页加载时间

原先想采用div+ajax实现,但是各种问题,最无法解决的是跨域访问的问题,所以只能借助frame实现了,源码如下:


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算页面加载时间</title>
</head>
<body>
	<div style="margin:10px">
    	<input type="text" id="in-url" style="width:450px;height:30px" value="https://www.baidu.com" >
        <button id="go">Go!</button>
    </div>
    <div style="margin:10px">
    	<label id="lbStatus"></label>
    </div>
    <div style="margin:10px; width:100%; height:450px; min-height:450px">
    	<iframe id="fm" width="100%" height="450px" src="https://www.baidu.com"></iframe>
    </div>
    
    <script src="js/jquery-1-11-1.js" type="text/javascript"></script>
    <script>
		var t1 = new Date().getTime(),t2;
    	$(function(){
			$('#go').on('click',function(){
				t1 = new Date().getTime();
				var inputUrl = $('#in-url').val();
				$('#lbStatus').text('加载中...');
				$('#fm').attr('src',inputUrl);
			});	
			
			$('#in-url').on('keypress',function(){
				if(event.keyCode==13)	
					$('#go').click();
			});
			
			
			$('#fm').on('load',function(){
				t2 = new Date().getTime();
				$('#lbStatus').text('加载完毕,耗时:'+(t2-t1)+'毫秒');
			});
		});
    </script>
</body>
</html>


你可能感兴趣的:(js,jquery,Ajax,网页加载时间)