Javascript window.onload的替代方案_Javascript_Html_Onload

Javascript window.onload的替代方案

javascript html

Javascript window.onload的替代方案,javascript,html,onload,Javascript,Html,Onload,是否有不同于window的选项。onload=function或在页面加载后调用函数我在网上找到了一个脚本，可以满足我的需要，但是它覆盖了window.onload，因此这阻止了我使用本机window.onload 有其他选择吗？您可以有多个onLoad函数，因此这应该不会是一个问题。为了让您的生活更轻松，请抓取并使用document.ready函数来执行您希望在window.onLoad中运行的逻辑。我也有同样的问题，但当我删除括号时，该函数会工作替换 window.onload = lo

是否有不同于

window的选项。onload=function

或

在页面加载后调用函数

我在网上找到了一个脚本，可以满足我的需要，但是它覆盖了

window.onload

，因此这阻止了我使用本机

window.onload

有其他选择吗？

您可以有多个onLoad函数，因此这应该不会是一个问题。

为了让您的生活更轻松，请抓取并使用document.ready函数来执行您希望在window.onLoad中运行的逻辑。

我也有同样的问题，但当我删除括号时，该函数会工作

替换

window.onload = loadPage();

与

它可以工作。

使用addEventListener代替。不幸的是，它在IE中不起作用，但您也可以通过实现attachEvent来解决这个问题

window.addEventListener('load', function (){
    alert('Function #1');
});

window.attachEvent('onload', function (){
    alert('Function #1');
});

不是一个替代方案，而是一个解决方案，是的

如果在网上找到的脚本（FOTN）创建了

onload

，只需在之后创建自己的

onload

，如下所示：

<html>
<body>
<script type="text/javascript">
window.onload = function(){ console.log("FOTN"); }
</script>
<script type="text/javascript">
var a = window.onload;
window.onload = function(){ 
    console.log("Handling before FOTN"); 
    a(); 
    console.log("Handling after FOTN"); 
}
</script>
</body>
</html>


window.onload=function（）{console.log（“FOTN”）；}
var a=窗口加载；
window.onload=函数（）{
控制台日志（“FOTN前处理”）；
a（）；
控制台日志（“FOTN后的处理”）；
}

先决条件是在末尾定义了

onload

。

这会立即执行

函数（）

，并将函数的返回值分配给

窗口。onload

。这通常不是你想要的

function（）

必须返回一个函数才能使其有意义。

这是因为第一个示例告诉页面，它的onload函数是loadPage（）的返回类型-除非它返回一个函数，否则它没有多大用处。第二个例子是对函数的引用，而不是调用它（使用括号），所以你告诉它onload是一个函数。这不是他们在这里要求的。不，你不能触发多个window.onload。这是不使用框架时的首选方法。此外，由于IE的使用率在下降，attachEvent也在下降。

<html>
<body>
<script type="text/javascript">
window.onload = function(){ console.log("FOTN"); }
</script>
<script type="text/javascript">
var a = window.onload;
window.onload = function(){ 
    console.log("Handling before FOTN"); 
    a(); 
    console.log("Handling after FOTN"); 
}
</script>
</body>
</html>