，通用的解决方案如下：
| 代码如下 | 复制代码 |
|
<script type="text/javascript"> var func = window.onload; window.onload = function(){ func ? func() : 0; alert(1); } </script> |
|
这样的原理就是把window.onload事件一级一级传递，保证每一个window.onload事件能执行，但如果出现多次调用而且变量名一样，就会产生too much recursion错误，如下
| 代码如下 | 复制代码 |
|
<script type="text/javascript"> var func = window.onload; window.onload = function(){ func ? func() : 0; alert(1); } func = window.onload; window.onload = function(){ func ? func() : 0; alert(2); } </script> |
|
上面实现执行两个window.onload事件，但由于每次传递window.onload事件定义为相同的变量名，就会产生too much recursion错误。
解决方法
由于产生的原因是因为定义为相同的变量名产生循环执行代码，因此解决方法只需要把变量名定义不同即可解决。如下
| 代码如下 | 复制代码 |
|
<script type="text/javascript"> var func = window.onload; window.onload = function(){ func ? func() : 0; alert(1); } func1 = window.onload; window.onload = function(){ func1 ? func1() : 0; alert(2); } </script> |
|
Web页面如果出现多次window.onload事件，尽量能合并操作处理，或实现类似于jQuery的ready事件机制，解决冗余代码问题，提高代码的可读性。
时间： 2024-09-21 19:54:55