我有以下代码,第二个onload事件未触发:
<script type="text/javascript">
var startime = (new Date()).getTime();
window.onload = function(){ record_visit('ol'); } //ol - onload
window.onload = function(){ setInterval("upState()", 30000); }
window.onbeforeunload = function(){ record_visit('obul'); } //obul = onbeforeunload
function record_visit(value) {
var x = (window.ActiveXObject) ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest();
x.open("GET", "count_visit.php?t=" + (((new Date()).getTime() - startime) / 1000)+"&type="+value+"&url="+escape(window.location.href), false);
x.send(null);
}
function upState()
{
// create the AJAX variable
var xmlhttp;
if (window.XMLHttpRequest)
xmlhttp = new XMLHttpRequest();
else
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
// make the AJAX call
xmlhttp.open("GET", "count_visit.php?t=" + (((new Date()).getTime() - startime) / 1000)+"&type=update&url="+escape(window.location.href), false);
x.send(null);
}
</script>
我需要做的就是使用count_visit.php发送请求并更新访问者仍在线的表。
我尝试了在某些站点中找到的一些代码,但仍未触发。这是代码:
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(record_visit('ol'));
addLoadEvent(setInterval("upState()", 30000));
请帮忙。
最佳答案
使用第二个window.onload
,您将覆盖之前定义的那个。由于您没有使用jQuery(这使这些事情变得容易),请使用以下功能
function myEvent(where,evt,func,op)
{
if (op)
{
if (where.attachEvent) where.attachEvent("on"+evt,func);
else if (where.addEventListener) where.addEventListener(evt,func,false)
}
else
{
if (where.detachEvent) where.detachEvent("on"+evt,func);
else if (where.removeEventListener) where.removeEventListener(evt,func,false);
}
}
where
-将事件侦听器添加到的对象evt
-事件的名称(无“ on”部分)func
-事件中要调用的函数op
-如果将其设置为true
,则该函数将添加侦听器;如果将其设置为false
,则该函数将删除侦听器。将其称为
myEvent(window, 'load', func, true);
,与添加多少函数无关紧要-在给定事件中将全部调用它们。ps:或者您也可以手动组合两个功能的内容:))
window.onload = function(){
record_visit('ol');
setInterval(upState, 30000);
}
使用此方法,您必须检查先前的事件处理程序是否存在,将其保存在某些全局变量中,并在以后处理final和唯一的
window.onload
函数的执行时调用它。您试图在代码的最后一部分中做到这一点。关于javascript - 第二个onload功能不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9451244/