页面同时ONLOAD多个函数如何解决呀？
我页面里有两个函数需要同时加载，不过同时ONLOAD的时候只能执行最后一个！请大家帮忙解决啦！<scripttype="text/javascript">vartc;wi...
我页面里有两个函数需要同时加载，不过同时ONLOAD的时候只能执行最后一个！请大家帮忙解决啦！
<script type="text/javascript">
var tc;
window.onload=function(){
var o=document.getElementById('infozone');hscroll(o);
window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},10000);
}
function scrollup(o,d,c){
if(d==c){
var t=o.firstChild.cloneNode(true);
o.removeChild(o.firstChild);o.appendChild(t);
t.style.marginTop=o.firstChild.style.marginTop='0px';
hscroll(o);
}
else{
ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
o.firstChild.style.marginTop=-c+l+'px';
window.setTimeout(function(){scrollup(o,d,c-l)},50);
}
}
function hscroll(o){
var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
if(w1<=w2)return;
tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},35);
}
function hs(o,d,c,p){
c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);}
else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
}
var time = 500;
var h = 0;
function addCount()
{
if(time>0)
{
time--;
h = h+5;
}
else
{
return;
}
if(h>300) //高度
{
return;
}
document.getElementById("ads").style.display = "";
document.getElementById("ads").style.height = h+"px";
setTimeout("addCount()",30);
}
window.onload = function showAds()
{
addCount();
setTimeout("noneAds()",30000); //停留时间自己适当调整
}
</script>
<script type="text/javascript" language="javascript">
var T = 300;
var N = 300; //高度
function noneAds()
{
if(T>0)
{
T--;
N = N-5;
}
else
{
return;
}
if(N<0)
{
document.getElementById("ads").style.display = "none";
return;
}
document.getElementById("ads").style.height = N+"px";
setTimeout("noneAds()",30);
}
</script>
两个JS我写到一起了！页面执行是没问题的！就是两个WINDOW.ONLOAD只能执行一个，着实让人头疼！如何改呢？
注：从 var time = 500;
var h = 0;
function addCount()
.....起到结尾
是第二个函数！ 页面执行的也就是这个！ 展开
<script type="text/javascript">
var tc;
window.onload=function(){
var o=document.getElementById('infozone');hscroll(o);
window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},10000);
}
function scrollup(o,d,c){
if(d==c){
var t=o.firstChild.cloneNode(true);
o.removeChild(o.firstChild);o.appendChild(t);
t.style.marginTop=o.firstChild.style.marginTop='0px';
hscroll(o);
}
else{
ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
o.firstChild.style.marginTop=-c+l+'px';
window.setTimeout(function(){scrollup(o,d,c-l)},50);
}
}
function hscroll(o){
var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
if(w1<=w2)return;
tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},35);
}
function hs(o,d,c,p){
c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);}
else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
}
var time = 500;
var h = 0;
function addCount()
{
if(time>0)
{
time--;
h = h+5;
}
else
{
return;
}
if(h>300) //高度
{
return;
}
document.getElementById("ads").style.display = "";
document.getElementById("ads").style.height = h+"px";
setTimeout("addCount()",30);
}
window.onload = function showAds()
{
addCount();
setTimeout("noneAds()",30000); //停留时间自己适当调整
}
</script>
<script type="text/javascript" language="javascript">
var T = 300;
var N = 300; //高度
function noneAds()
{
if(T>0)
{
T--;
N = N-5;
}
else
{
return;
}
if(N<0)
{
document.getElementById("ads").style.display = "none";
return;
}
document.getElementById("ads").style.height = N+"px";
setTimeout("noneAds()",30);
}
</script>
两个JS我写到一起了！页面执行是没问题的！就是两个WINDOW.ONLOAD只能执行一个，着实让人头疼！如何改呢？
注：从 var time = 500;
var h = 0;
function addCount()
.....起到结尾
是第二个函数！ 页面执行的也就是这个！ 展开
展开全部
根据问题描述，程序有误，正确是
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
拓展：
1、最简单的调用方式
直接写到html的body标签里面，如下示例：
程序代码<html>
<body onload="function()">
</body>
</html>
2.在JavaScript语句里调用
程序代码<script>
function f1(){...}
window.onload=f1;
</script>
3.同时调用多个函数(body方式)
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.在JavaScript语句中同时调用多个函数
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的JavaScript程序中，如果程序函数很多，逻辑比较复杂，可以考虑用另外一种方式。
5.自定义函数式多次调用
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
这种方式调用比较方便，逻辑清晰。
但要注意的问题是，不可以同时混合运用两种调用方式，因为onload事件只有一次。
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
拓展：
1、最简单的调用方式
直接写到html的body标签里面，如下示例：
程序代码<html>
<body onload="function()">
</body>
</html>
2.在JavaScript语句里调用
程序代码<script>
function f1(){...}
window.onload=f1;
</script>
3.同时调用多个函数(body方式)
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.在JavaScript语句中同时调用多个函数
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的JavaScript程序中，如果程序函数很多，逻辑比较复杂，可以考虑用另外一种方式。
5.自定义函数式多次调用
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
这种方式调用比较方便，逻辑清晰。
但要注意的问题是，不可以同时混合运用两种调用方式，因为onload事件只有一次。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
根据问题描述，程序有误，正确是
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
拓展：
1、最简单的调用方式
直接写到html的body标签里面，如下示例：
程序代码<html>
<body onload="function()">
</body>
</html>
2.在JavaScript语句里调用
程序代码<script>
function f1(){...}
window.onload=f1;
</script>
3.同时调用多个函数(body方式)
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.在JavaScript语句中同时调用多个函数
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的JavaScript程序中，如果程序函数很多，逻辑比较复杂，可以考虑用另外一种方式。
5.自定义函数式多次调用
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
这种方式调用比较方便，逻辑清晰。
但要注意的问题是，不可以同时混合运用两种调用方式，因为onload事件只有一次。
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
拓展：
1、最简单的调用方式
直接写到html的body标签里面，如下示例：
程序代码<html>
<body onload="function()">
</body>
</html>
2.在JavaScript语句里调用
程序代码<script>
function f1(){...}
window.onload=f1;
</script>
3.同时调用多个函数(body方式)
程序代码<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.在JavaScript语句中同时调用多个函数
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的JavaScript程序中，如果程序函数很多，逻辑比较复杂，可以考虑用另外一种方式。
5.自定义函数式多次调用
程序代码<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
这种方式调用比较方便，逻辑清晰。
但要注意的问题是，不可以同时混合运用两种调用方式，因为onload事件只有一次。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是只能执行一个啊，在body里有个onLoad那个能调用多个。中间用“；”还是“，”分开忘了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
