body加载多个onload

最新推荐文章于 2021-02-20 21:55:47 发布
最新推荐文章于 2021-02-20 21:55:47 发布
阅读量467 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/542645
版权

方法一：

 
 
  1. <script type="text/javascript"> 
  2. <!-- 
  3. function a(){ 
  4. alert(1); 
  5. } 
  6. function b(){ 
  7. alert(2); 
  8. } 
  9. function c(){ 
  10. alert(3); 
  11. } 
  12. //--> 
  13. </script> 
  14.  
  15.  
  16. <body onload="a(),b(),c()"> 
  17.  
  18. </body>  
 
 
方法二：
 
 
 
 
  1. <script type="text/javascript"> 
  2. <!-- 
  3.     window.onload=function(){ 
  4.         a(); 
  5.         b(); 
  6.         c(); 
  7.     } 
  8.  
  9.     function a(){ 
  10.     alert(1); 
  11.     } 
  12.     function b(){ 
  13.     alert(2); 
  14.     } 
  15.     function c(){ 
  16.     alert(3); 
  17.     } 
  18. //--> 
  19. </script> 
  20.  
  21. <body> 
  22.  
  23. </body> 
 
 
 
 
 

 
 

 
 

 
 
      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/938278，如需转载请自行联系原作者
 
 
 
  
 
 
 
 

 
 

 


                

        

        




    

  


    

      

        

            

              
                
                  weixin_33836874
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
页面中body onload 和 [removed] 冲突的问题的解决

				
			

			

				

					09-05
				

			

		

		

			
				
这两种方法都可以为事件添加多个处理函数，而不是覆盖原有的处理函数。以下是示例代码：   ```javascript  if (document.all) { // IE  window.attachEvent('onload', FuncName);  } else { // 其他现代浏览器  ...

			
		

	



                

              
                



	

		

			

				
					
javascript 里的 body onLoad调用多个方法

				
			

			

				

					qq_44884203的博客
				

				

					04-21
					
					709
					
				

			

		

		

			
				
javascript 里的 body onLoad调用多个方法

			
		

	



                


  
              

                


	

		

			

				
					
如何在一个网页使用两个onload

				
			

			

				

					lifeiinc的专栏
				

				

					08-29
					
					1192
					
				

			

		

		

			
				
一个html只能读取一个onload事件，所以如果想onload多个函数，可以用一下方法。
        同时调用多个函数的方法：

			
		

	





	

		

			

				
					
同一个网页中实现多个JavaScript特效的方法

				
			

			

				

					10-24
				

			

		

		

			
				
为了使这两个特效在页面加载后立即启动，我们使用`body`标签的`onLoad`属性，调用`a()`和`b()`函数。这样，当页面完全加载后，两个时钟的更新函数就会被触发。  ```html      function clocka() {  // ...  }  ...

			
		

	



		

			
		



	

		

			

				
					
js onload处理html页面加载之后的事件

				
			

			

				

					12-12
				

			

		

		

			
				
在实际开发中，为了支持多个页面加载完成后的事件处理，通常建议使用事件监听器的方式添加多个处理函数，而不是直接覆盖window.onload，示例如下：  ```javascript function onLoadHandler() {  // 页面加载完毕后...

			
		

	





	

		

			

				
					
js [removed] 加载多个函数和追加函数详解

				
			

			

				

					12-10
				

			

		

		

			
				
平时做项目 经常需要使用[removed]， 用法如下： function func(){alert&#...但[removed] 不能同时加载多个函数。 比如： function t(){alert(“t”)}function b(){alert(“b”)}[removed] =t ;window.

			
		

	





	

		

			

				
					
js 实现图片预加载(js操作 Image对象属性complete ，事件onload 异步加载图片)

				
			

			

				

					10-28
				

			

		

		

			
				
图片加载完成之后，onload事件被触发，在这个事件的回调函数中，图片被添加到document.body中，从而显示出来。  然而，在实际操作中，我们可能遇到一些问题，比如在IE和Opera浏览器中，连续点击多次图片加载按钮时，...

			
		

	





	

		

			

				
					
onload执行多个函数

				
			

			

				

					马如林的IT博客
				

				

					03-10
					
					5367
					
				

			

		

		

			
				
<!--function a() { alert("a"); var t = document.getElementById("name").value;  document.getElementById("name").value = t + "xx";}function b() { alert("b");}  // -->   function 

			
		

	





	

		

			

				
					
html 页面中内容的加载顺序(简单易懂)

				
			

			

				

					qq_42475949的博客
				

				

					12-04
					
					5588
					
				

			

		

		

			
				
浏览器加载html 页面时的加载顺序

今天来总结一下浏览器在加载html 页面时的加载顺序，如果顺序记反或者记错的话，会对思路有受影响。我下面用最贱的的JavaScript 来进行描述。

执行顺序
简单来说：
1. head -> body
2.
如果有<script type="text/javascript">... </script>时，
同样也是从上到下加载，但是分两种情况
当需要用到document(DOM对象)来获取body体中的数据时
比如：


两种情况



			
		

	





	

		

			

				
					
JavaScript在head和body中加载的区别（含相关变量初始化问题）及原生js的解决方法

				
			

			

				

					m0_53163870的博客
				

				

					02-20
					
					1448
					
				

			

		

		

			
				
  JavaScript在加载head和body时有很多不同的地方，当把Script标签放到开头的head里会发现与在body末尾的Script标签有很大的区别。
一、相对于对body标签而言，head标签的js不同
  由于html的加载顺序为从上到下运行，会先解析head标签中的代码。
  而head标签中会包含一些引用外部文件的代码，从开始运行就会下载这些被引用的外部文件当遇到script标签的时候，浏览器暂停解析（不是暂停下载），将控制权交给JavaScript引擎（解释器）
  如果 < s

			
		

	





	

		

			

				
					
在网页加载完成后执行——body的onload()

				
			

			

				

					Winter--王大梅
				

				

					10-26
					
					1万+
					
				

			

		

		

			
				
一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。
    最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。
先说一下一开始我的代码：
datagrid行单击事件：
$("#dgApply").datagrid({
		onClickRow:function

			
		

	





	

		

			

				
					
如何让body 里的 onload 方法在加载该页面时执行一次，刷新不执行

				
			

			

				

					weixin_44688476的博客
				

				

					11-23
					
					1026
					
				

			

		

		

			
				
在做一个网站的弹窗设计，希望只在进入首页的时候执行这个方法出现弹窗，之后再刷新时不要出现弹窗，用了Cookie方法没有效果（很迷惑...），用window自带的name属性相当于设个全局变量做标记，非常的简单！


function loadwindow(){
    if(window.name == null || window.name == ""){
        window.name = "enter";
        document.getElementById('tanchuang')

			
		

	





	

		

			

				
					
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比

					
热门推荐

				
			

			

				

					《春馨梦》的专栏
				

				

					03-17
					
					1万+
					
				

			

		

		

			
				
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比。
情况一：head 、body 以及body 外面的window.onload采用匿名方法。



    
    onload 的顺序判断


    /**
     *  加载页面 Body
     */
function loadBody(){
console.log("load

			
		

	





	

		

			

				
					
页面自动执行（加载）js的几种方法

				
			

			

				

					Makenna's World
				

				

					04-12
					
					374
					
				

			

		

		

			
				

一、JS方法1.最简单的调用方式，直接写到html的body标签里面：
&lt;html&gt; 
    &lt;body onload="load();"&gt;
    &lt;/body&gt; 
&lt;/html&gt;
 2.在JS语句调用：
&lt;script type="text/javascript"&gt;
    function myfun() 

			
		

	





	

		

			

				
					
详解JavaScript加载事件：全面解析与实例应用

				
			

			

				

					
				

			

		

		

			
				
在JavaScript中，加载事件是一个广泛的概念，不仅仅局限于`window.onload`，而是涵盖了多个阶段和对象的资源加载行为。本文旨在详细介绍这一系列事件，帮助开发者更好地管理页面加载过程。  1. **window.onload**： ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值