javascript新页面加载时间

Question

<input type="button" onclick=openAPage()></>

我有一个按钮

function openAPage() {
var myWin = window.open("http://www.sabah.com.tr","_blank")   
}

和一个功能

这里的问题：当我按下按钮时，我应该启动一个计时器，当页面满载的计时器停止时。

我按下按钮时需要吗？ 页面何时完全加载？

我应该怎么做？

Answer 1

注意：以下scURIple（与javascript：scriplets对应的通用URI）是无状态的，因此不受原始策略的限制。

data:text/html;charset=utf-8,
<html><script>
uri='data:text/html;charset=utf-8,<\html><\script>alert(\'click to finish load\')<\/script><\/html>';
</script>

<a href="javascript:
                      window.open(uri,'_blank') .
                              addEventListener(  'load',Function('alert(Date.now()-'+Date.now()+')'), false);">
  one  method </a><p>

<a href="javascript:st=Date.now();
                      window.open(uri,'_blank') .
                              addEventListener(  'load', function(){alert(Date.now()-st)},  false);">
 another way</a>

 </html>

数值结果以毫秒为单位。

相同的站点来源和跨站点脚本策略适用。 例如，如果uri='http://www.google.com'则必须将以上页面加载到已经显示了www.google.com页面的窗口中。

测试使用：

window.navigator.userAgent=
         Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
                                                                                                                               (Splashtop-v1.2.17.0)

Answer 2

也许这会有所帮助：页面完全加载后执行Javascript

Answer 3

如果您可以使用jQuery，则建议您使用此插件http://keith-wood.name/countdown.html

function openAPage() {
    var myWin = window.open("http://www.sabah.com.tr","_blank");
    startTimer();
}

function startTimer() {
    // ... call jquery plugin to start timer
}

function stopTimer() {
    // ... call jquery plugin to stop timer
}

那么在“孩子”窗口中，我相信类似的方法应该起作用？ 但是我猜想这只有在父母和孩子都在同一个域中时才有效

jQuery(document).ready(function () {
    // call js method that lives on the parent window
    window.opener.stopTimer(); 
});

javascript新页面加载时间

问题描述

3 个解决方案

解决方案1
0 2014-05-09 16:19:58

解决方案2
0 2010-12-15 18:52:43

解决方案3
0 2010-12-15 20:17:16

javascript新页面加载时间

问题描述

3 个解决方案

解决方案1 0 2014-05-09 16:19:58

解决方案2 0 2010-12-15 18:52:43

解决方案3 0 2010-12-15 20:17:16

解决方案1
0 2014-05-09 16:19:58

解决方案2
0 2010-12-15 18:52:43

解决方案3
0 2010-12-15 20:17:16