您的位置：首页 > Web前端 > JQuery

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

2015-12-01 22:59 726 查看

原先想采用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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航