onload事件不执行的解决方法

最新推荐文章于 2024-12-08 06:59:07 发布
原创 最新推荐文章于 2024-12-08 06:59:07 发布 · 3.9w 阅读 · 9 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#JS
本文介绍了当网页中<body onload="...">的onload事件无法正常触发时的三种解决方案，并详细解释了每种方法的工作原理及优缺点。推荐使用方法1，即通过window.attachEvent('onload', initLoad)来确保页面控件加载完成后执行。

如果<body onload="...">中的onload不能执行，可尝试以下方法“：
（如已存在initLoad()函数）

方法1： 

<script type="text/javascript">
	window.attachEvent("onload", initLoad);<span style="white-space:pre">	</span>//initLoad后不能有（）
</script>

方法2：
<script type="text/javascript">
	window.onload = function(){initLoad();};
</script>

方法3：
<pre name="code" class="javascript"><script type="text/javascript">
	window.onload = function(){(直接写入initLoad的代码)};
</script>

方法1最好，因为attachEvent是在画面控件Load完之后执行，而2，3可能在Load之前已经执行，会出错。







                

        

    





  



    



              

                

              

            
              



	

		

			

				
					
AUTOSAR NVM实战避坑指南：从配置到调试，手把手教你搞定非易失性存储管理

					
最新发布

				
			

			

				

					weixin_30703911的博客
				

				

					05-03
					
					401
					
				

			

		

		

			
				
本文深入解析AUTOSAR NVM模块的实战配置与调试技巧，涵盖核心架构、数据完整性保障、常见错误处理及性能优化策略。针对非易失性存储管理中的典型问题，提供冗余块配置、CRC校验设置等最佳实践，帮助开发者高效实现汽车电子系统中的可靠数据存储。

			
		

	



              


  
              

                


	

		

			

				
					
onload js函数不执行的原因分析及解决方法

				
			

			

				

					
				

				

					03-30
					
					3480
					
				

			

		

		

			
				
onload js函数不执行的原因分析及解决方法，点击下方链接https://blog.csdn.net/aboy123/article/details/45989833

			
		

	





	

		

			

				
					
window.onload方法不执行也不报错的解决办法之一

				
			

			

				

					qq_34309663的博客
				

				

					11-12
					
					3635
					
				

			

		

		

			
				
window.onload方法不执行也不报错的解决办法之一

			
		

	



		

			
		



	

		

			

				
					
JavaScript:FileReader的回调函数onload在web项目中无法执行

				
			

			

				

					JACKEYLLLLLOVE的博客
				

				

					09-20
					
					6704
					
				

			

		

		

			
				
该方法的用途：用于在加载完成后执行相应的代码，相当于一个缓冲时间。
	遇到问题的情况；调用readAs...之类的函数时，调用语句在load的前面。
	出现问题的原因：读完数据后没有绑定上回调函数。
	解决方法：把读数据的函数readAsBinaryString()之类的函数，放在回调函数的后面。
修改前的代码如下：


reader.readAsDataURL(image);
	reader.onload = function(){
	  let bi = this.result;
	  demo.src

			
		

	





	

		

			

				
					
js的window.onload不执行

				
			

			

				

					ZHCHONGCHANG的博客
				

				

					11-06
					
					1万+
					
				

			

		

		

			
				
一、window.onload可以正常执行执行的代码 <html>
<head>
    <script>
         window.onload=function()
         {
            alert(1);
         }
    </script>
</head>
<body>
<div id="div">sdfasdf</div>
</body>
</ht

			
		

	





	

		

			

				
					
关于 苹果手机 微信浏览器里点击返回不加载方法的问题

				
			

			

				

					lmj3732018的博客
				

				

					02-25
					
					4684
					
				

			

		

		

			
				
event.persisted在电脑中一直是返回false，但是在手机safari中是没有问题的。前几天，新增一需求，发现在苹果微信浏览器里会有一个bug。就是用户苹果点击返回时，通过上面代码发现在safari中第一次打开页面的时候，有时候会出现闪屏效果。我找了一些方法解决了问题。页面中写一个隐藏的input。

			
		

	





	

		

			

				
					
window.onload覆盖问题！

				
			

			

				

					weixin_30463341的博客
				

				

					10-20
					
					171
					
				

			

		

		

			
				
在一页页面中，同时出现了两个window.onload函数，发现第二个函数将会覆盖第一函数，第一个函数将会不起作用！
<html>
<head>
<scripttype="text/javascript"language="javascript">
window.onload=function()
{
alert("第一次调用");
}...

			
		

	





	

		

			

				
					
Js代码单独放一个文件里元素注册的事件无效

				
			

			

				

					qq_34332010的博客
				

				

					10-23
					
					2457
					
				

			

		

		

			
				
jQuery库文件是在body元素之前加载的，但要操作dom元素必须等待dom元素加载完成后才能对dom操作。页面加载过程有两个事件：
ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件，常用于jQuery）
onload，指示页面包含图片等文件在内的所有元素都加载完成（可以说：ready 在onload 前）
绑定元素事件响应的JS，一定要等到相应元素加载后或文档全部加载完成后再执行

			
		

	





	

		

			

				
					
微信小程序完美解决wx.createInnerAudioContext()坑

					
热门推荐

				
			

			

				

					曹焱的博客
				

				

					07-25
					
					2万+
					
				

			

		

		

			
				
我刚开始用wx.createInnerAudioContext()，是将此方法写在了我的播放语音函数里，发现怎么暂停和取消都不好使



经过踩坑，得出结论！！！

1.将此方法声明在onLoad中，（如果声明在page外部，每次进此页面执行语言操作都会多次执行。）





2.将api方法也都声明在onLoad中（不需要一直去创建回调事件）



3.播放语言操作


  /**
   *...

			
		

	





	

		

			

				
					
关于window.onload不起效，也不报任何错误的问题

				
			

			

				

					m0_61420899的博客
				

				

					05-06
					
					5313
					
				

			

		

		

			
				
关于window.onload不起效，也不报任何错误的问题。因为window.onload是绑定事件，既然是绑定事件，那说明同一文件目录下的每个页面（.html）只能拥有一个window.onload事件。

			
		

	





	

		

			

				
					
如何处理window.onload常见不生效的问题？

				
			

			

				

					向着太阳迎着光
				

				

					12-08
					
					2451
					
				

			

		

		

			
				
是一个常见的页面加载事件，但在实际开发中，可能由于多个事件、脚本加载顺序问题或动态内容加载等原因，导致它无法按预期工作。使用来代替是一个好的实践，可以避免事件冲突。通过调整脚本加载顺序、异步加载资源等方法，可以确保页面内容在执行脚本时已经准备好。这种方式能使你的代码更灵活、可靠，避免常见的加载顺序或资源冲突问题。

			
		

	





	

		

			

				
					
关于window.onload不起效---原生JS

				
			

			

				

					m0_57489910的博客
				

				

					11-15
					
					5257
					
				

			

		

		

			
				
今天自己在写vivo购物车(cart.js)逻辑代码的时候，遇到了window.onload不起效的问题。经过反复查看，我非常肯定我代码是没问题的。在网上查找，也没有对应的解决方法。

 直接进入主题...

 原因：

因为window.onload是绑定事件，既然是绑定事件，那说明同一文件目录下的每个页面（.html）只能拥有一个window.onload事件。假设：在page文件夹下，有首页(index.html)和购物车(cart.html)两个页面，在index.html中...

			
		

	





	

		

			

				
					
Ajax系列之四：问题总结

				
			

			

				

					
				

				

					07-22
					
					2039
					
				

			

		

		

			
				
1，最经典的就是ie下的缓存问题了。 
如果使用的是get，那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数，使url变为唯一，这样就不会出现ie 
下的缓存问题了，或者改为post提交。 
xhr.open("get","xxxx.aspx?_dc="+newDate().getTime(),true); 

2，ajax对象属性的大小写问题 
在w3c浏

			
		

	





	

		

			

				
					
js里面windows.onload函数不执行

				
			

			

				

					weixin_34365417的博客
				

				

					07-24
					
					7211
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
小程序问题：封装公共组件的onLoad方法不生效

				
			

			

				

					专注于前后端技术知识分享。
				

				

					11-06
					
					7801
					
				

			

		

		

			
				
于是就出现了页面数据不能加载的问题，在一番打印查找之后，发现是组件中onLoad方法一直没有执行，导致内部的方法没有调用，表格里的数据没有拿到。然后在Component构造器的lifetimes配置项中，使用与onLoad方法同等作用的attached 方法，发现内部的方法成功调用，拿到表格数据。uni中，在页面当中引用公共组件时onLoad方法不执行 ，可以使用vue自带生命周期函数created、mounted ，或者使用$refs获取组件中的方法并调用来解决。// 组件所在页面的生命周期声明对象。

			
		

	





	

		

			

				
					
vant list列表onload不触发原因及解决方法

				
			

			

				

					撑起自己半边天
				

				

					05-15
					
					1万+
					
				

			

		

		

			
				
vant list列表onload不触发原因及解决方法

			
		

	





	

		

			

				
					
window的onload方法不执行？

				
			

			

				

					PromiseCao的博客
				

				

					10-24
					
					1万+
					
				

			

		

		

			
				
今天在开发的时候，发现很多页面的信息都没有显示出来，仔细观察了之后，发现都是onload的js函数没有执行的原因。
发现最近Google的统计代码加载很慢，经常在浏览器状态栏里看到Google的统计代码链接在运行，而就在这个过程，导致网页被k住了。我细心观察了下，不但是Google的分析程序，还有Google AdSense的链接、百度联盟的链接等第三方js代码都时不时出现这个问题，就是被k住了不...

			
		

	





	

		

			

				
					
window.onload加载js函数不起作用

				
			

			

				

					zhituji的博客
				

				

					01-14
					
					8014
					
				

			

		

		

			
				
使用window.onload加载函数，不起作用
其实是不同js都使用了window.onload加载应用于同一个页面这样通常只有第一个js文件中的函数会被调用。
例：
first.js
window.onload=function(){
function one(){
...

}

}


second.js

window.onload=function(){


			
		

	



              




          





        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值