我可以在加载时运行多个javascript吗?
我有一个使用modernizr.js的页面,该页面在加载时运行。在我添加这个之前,我运行了一个简单的js时钟脚本来显示加载页面时加载的时间,但是,因为同时将它们添加到页面会使其中一个停止工作 我对javascript还是相当陌生的,并且正在掌握规则(自学)。是否可以让两个脚本在加载时运行?如果可以,如何运行?或者,我是不是找错人了?如果是,我的代码是否有问题 这就是我所拥有的我可以在加载时运行多个javascript吗?,javascript,Javascript,我有一个使用modernizr.js的页面,该页面在加载时运行。在我添加这个之前,我运行了一个简单的js时钟脚本来显示加载页面时加载的时间,但是,因为同时将它们添加到页面会使其中一个停止工作 我对javascript还是相当陌生的,并且正在掌握规则(自学)。是否可以让两个脚本在加载时运行?如果可以,如何运行?或者,我是不是找错人了?如果是,我的代码是否有问题 这就是我所拥有的 <script> window.onload = function() { if(window.Fil
<script>
window.onload = function() {
if(window.FileReader && Modernizr.draganddrop){
window.location = "http://www.dentaldigs.co.uk/image_upload.php"
}
};
</script>
<script>
// add a zero in front of numbers<10
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
function clock()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('clock_div').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){clock()},500);
}
</script>
<body onLoad="clock()">
</body>
window.onload=函数(){
if(window.FileReader&&modernizer.dragandrop){
window.location=”http://www.dentaldigs.co.uk/image_upload.php"
}
};
//在数字前面加一个零,你为什么不简单地加上时钟呢代码>到窗口。在调用Modernizer脚本后立即加载:
<script>
window.onload = function() {
// loading modernizr
if(window.FileReader && Modernizr.draganddrop){
window.location = "http://www.dentaldigs.co.uk/image_upload.php"
}
// calling your clock script
clock();
};
</script>
<body>
...
</body>
window.onload=函数(){
//装载现代化
if(window.FileReader&&modernizer.dragandrop){
window.location=”http://www.dentaldigs.co.uk/image_upload.php"
}
//调用时钟脚本
时钟();
};
...
为什么不简单地添加clock()代码>到窗口。在调用Modernizer脚本后立即加载:
<script>
window.onload = function() {
// loading modernizr
if(window.FileReader && Modernizr.draganddrop){
window.location = "http://www.dentaldigs.co.uk/image_upload.php"
}
// calling your clock script
clock();
};
</script>
<body>
...
</body>
window.onload=函数(){
//装载现代化
if(window.FileReader&&modernizer.dragandrop){
window.location=”http://www.dentaldigs.co.uk/image_upload.php"
}
//调用时钟脚本
时钟();
};
...
您应该使用addEventListener
绑定事件,而不是直接分配给窗口。onload
。这样您就可以分配多个功能
window.addEventListener('load', function(){
console.log('first onload');
});
window.addEventListener('load', function(){
console.log('second onload');
});
演示:
更新:如果您使用的是IE<9,则需要使用attachEvent
function loaded = function(){
console.log('first onload');
}
function loaded2 = function(){
console.log('second onload');
}
if (window.addEventListener) {
window.addEventListener('load', loaded, false);
window.addEventListener('load', loaded2, false);
}
else if (window.attachEvent) {
window.attachEvent('onload', loaded);
window.attachEvent('onload', loaded2);
}
演示:您应该使用addEventListener
绑定事件,而不是直接分配给窗口。onload
。这样您就可以分配多个功能
window.addEventListener('load', function(){
console.log('first onload');
});
window.addEventListener('load', function(){
console.log('second onload');
});
演示:
更新:如果您使用的是IE<9,则需要使用attachEvent
function loaded = function(){
console.log('first onload');
}
function loaded2 = function(){
console.log('second onload');
}
if (window.addEventListener) {
window.addEventListener('load', loaded, false);
window.addEventListener('load', loaded2, false);
}
else if (window.attachEvent) {
window.attachEvent('onload', loaded);
window.attachEvent('onload', loaded2);
}
演示:使用这个
function myFunctions() {
function1();
function2();
}
window.onload = myFunctions;
用这个
function myFunctions() {
function1();
function2();
}
window.onload = myFunctions;
嗨,这就是我想要的,但我不太确定如何实现它。唯一的问题是,如果我尝试添加checkTime()函数,它就不起作用了,我不知道为什么?不知道,它在这里起作用:但您不需要额外的函数来实现这一点。试试这个:它的工作原理像m=(m<10)?“0”+m:m代码>嗨,这就是我想要的,但不太确定如何实现它。唯一的问题是,如果我尝试添加checkTime()函数,它就不起作用了,我不知道为什么?不知道,它在这里起作用:但您不需要额外的函数来实现这一点。试试这个:它的工作原理像m=(m<10)?“0”+m:m代码>