JavaScript初始化加载的3种方式

最新推荐文章于 2024-09-15 21:46:55 发布
最新推荐文章于 2024-09-15 21:46:55 发布
阅读量1.2w 收藏 7
点赞数 1
分类专栏： JavaScript 文章标签： 初始化 JS JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dengjh_business/article/details/32107303
版权

第一种：

<script language=javascript type="text/javascript">
//固定写法
window.onload = function(){
    alert("JS初始化加载");
}
</script>

第二种： 

<html>
<head>
<script language=javascript type="text/javascript">
//方法名自定义
function init(){
    alert("JS初始化加载");
}
</script>
</head>

<body οnlοad="init()">
</body>

</html>


 

 

 

 

第三种：
 

 

<script language=javascript type="text/javascript">
//方法名自定义
init();

//方法名要一致
function init(){ 
    alert("JS初始化加载");
}
</script>
 

 

 

至于“JavaScript脚本放在哪里”，看到很多资料说：
 

 

“
 

在HTML body部分中的JavaScripts会在页面加载的时候被执行。
 在HTML head部分中的JavaScripts会在被调用的时候才执行。
 

”
 


 
 

但自己试了，放<head></head>，<body></body>，甚至<html></html>，Firefox 30都执行。
 


                

        

        

    

  


    

      

        

            

              
                
                  ——潇洒走一回——
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
JavaScript 初始化函数 以及加载顺序

				
			

			

				

					shulixu的博客
				

				

					08-08
					
					724
					
				

			

		

		

			
				
加载顺序
;(function(){}()); > $(function()function()） > window.onload


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>...

			
		

	



                

              
                



	

		

			

				
					
jquery跟js初始化加载的多种方法及区别介绍

				
			

			

				

					12-09
				

			

		

		

			
				
jquery和js初始化加载页面的区别： jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频）， js：是页面全部加载完成才执行初始化加载。 1、jQuery 页面加载初始化的方法有3种 ，页面在加载的时候都会执行脚本, 第一种(比较常用)：  代码如下: $.function(){ alert(“第一种方法”); });  第二种：  代码如下: $(document).ready(function(){ alert(“第二种方法”); });  第三种：  代码如下: jQuery(function($){ alert(“第三种方法”); });  2、js初始化加载的方

			
		

	



                


  
              

                


	

		

			

				
					
四、（JS）JS中常见的加载事件

				
			

			

				

					Sean_0819的博客
				

				

					09-15
					
					1000
					
				

			

		

		

			
				
老样子，我们先讲一个场景，带着大家熟悉为什么会有文档加载监听，是来解决什么问题来着的。我们先看下这段代码~下面这段代码是不是我们可以将boxEl这个元素设置背景为红色？我们看下效果，很明显可以。我们再把代码位置换一下，这个时候可以设置背景成功吗？答：很明显不行，因为执行js代码里的时候，还找不到boxEl元素（还没加载）。可以解决这个问题吗？答：当然可以，我们只需要将这行代码执行完就可以了。换句话来说，我们只需要把js里面的设置背景相关的代码，写一个事件监听。

			
		

	





	

		

			

				
					
js  页面加载初始化方法

					
热门推荐

				
			

			

				

					一个人的小码馆
				

				

					10-19
					
					3万+
					
				

			

		

		

			
				
jquery和js初始化加载页面的区别
jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），
js：是页面全部加载完成才执行初始化加载。

js jquery 页面加载初始化方法

一.js 页面加载初始化方法


// 1.在body里面写初始化方法.
&lt;body onload='init()'&gt;
&lt;/body&gt;

&lt;script type="t...

			
		

	



		

			
		



	

		

			

				
					
jquery和js初始化加载方法介绍

				
			

			

				

					ww0908的博客
				

				

					05-19
					
					6393
					
				

			

		

		

			
				
jquery和js初始化加载方法介绍；jquery $(document).ready() 与window.onload的区别

			
		

	





	

		

			

				
					
JavaScript # 前端 jquery 页面加载初始化方法

				
			

			

				

					qq_16313575的博客
				

				

					11-13
					
					589
					
				

			

		

		

			
				
No.1  .js 页面加载初始化方法


// 1.在body里面写初始化方法.
<body onload='init()'>
</body>

<script type="text/javascript">
    function init(){
         // 初始化内容       
    }
</script>

No.2...

			
		

	





	

		

			

				
					
【温故而知新】JavaScript初始化:初始化加载.md

				
			

			

				

					06-13
				

			

		

		

			
				
【温故而知新】JavaScript初始化:初始化加载

			
		

	





	

		

			

				
					
jQuery页面加载初始化的3种方法(推荐)

				
			

			

				

					11-22
				

			

		

		

			
				
jQuery提供了一种优雅的方式来实现这一目标，即页面加载初始化。以下是对标题中提到的jQuery页面加载初始化的三种方法的详细解释：  1. **第一种方法：**`$(document).ready(function() {...})` 这是最常见和直观的...

			
		

	





	

		

			

				
					
JS三种初始化方法

				
			

			

				

					Wanglas的博客
				

				

					11-13
					
					3万+
					
				

			

		

		

			
				
1.<script type="text/javascript"> 
//init method one 
$(document).ready(function(){ 
trace("初始化方法进入"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script> 2.<script type="text/javascript"> 
//i

			
		

	





	

		

			

				
					
01.javaScript初始

				
			

			

				

					m0_57103348的博客
				

				

					06-13
					
					95
					
				

			

		

		

			
				
js发展历程和组成部分

			
		

	





	

		

			

				
					
页面初始化时执行js方法

				
			

			

				

					weixin_33725722的博客
				

				

					12-08
					
					678
					
				

			

		

		

			
				
1、<script> window.onload=function(){ alert(""); } </script>2、function ckCbo(){alert("");}<body onload='ckCbo()'>jQuery页面加载初始化的3种方法 1、$(document).ready(fun...

			
		

	





	

		

			

				
					
js初始化方式

				
			

			

				

					qq_42832151的博客
				

				

					04-24
					
					4895
					
				

			

		

		

			
				
js初始化方式的三种形式

			
		

	





	

		

			

				
					
JavaScript对象及初始面向对象

				
			

			

				

					guoxiaotiao的博客
				

				

					10-27
					
					150
					
				

			

		

		

			
				
JavaScript对象及初始面向对象
一、对象
<script>
    //1.创建对象
    var obj=new Object();
	console.log(obj);//在控制台打印
	//指定属性
	obj.name="";
	obj.age=19;
	//实现方法
	obj.sayHello=function(){
        console.log("********"):
    }
	//调用方法
	console.log(obj);
	obj.sayHello()

			
		

	





	

		

			

				
					
【温故而知新】JavaScript初始化/初始化加载

				
			

			

				

					日常笔记/总结/系列知识梳理
				

				

					01-24
					
					1431
					
				

			

		

		

			
				
JavaScript最初是为了在网页上添加简单的交互功能而创建的，但随着时间的推移，它已经发展成为一种功能强大且广泛使用的语言。jQuery使得JavaScript开发变得更加简洁、灵活和高效，它提供了丰富的工具和API，可以帮助开发者更轻松地处理HTML页面的操作、事件和动画等。JavaScript是一种功能强大且灵活的编程语言，用于为网页添加交互和动态性，并且已经成为Web开发的基础之一。无论使用哪种方法，初始化加载的代码都应该放在页面加载完成后执行，以确保可以正确操作页面的元素和数据。

			
		

	





	

		

			

				
					
实现动态加载JS脚本有4种方法

				
			

			

				

					xinyuerr的博客
				

				

					09-13
					
					2643
					
				

			

		

		

			
				
这里重新温习Document.write()的用法，必须在加载页面的过程中使用，否则将复写整个页面，这里我碰到的问题是，如果用一些异步方法把内容写进页面Body中是不行的，应为IE无法被我们的脚本所阻塞，无法要求加载过程。这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。alert( "主页面动态加载a.js并取其中的变量：" + str );alert( "主页面动态加载a.js并取其中的变量：" + str );

			
		

	





	

		

			

				
					
在HTML页面加载完毕后运行某个js.

				
			

			

				

					卡布洛技术专栏
				

				

					05-07
					
					5525
					
				

			

		

		

			
				
js方法：



window.onload=function(){
   var userName="xiaoming";
   alert(userName);

}


以下为jQuery方法，需要引用jQuery文件。



$(document).ready(function(){
   var userName="xiaoming";
   alert

			
		

	





	

		

			

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

				
			

			

				

					lxw1844912514的博客
				

				

					10-26
					
					1461
					
				

			

		

		

			
				
https://www.cnblogs.com/2huos/p/js-autorun.html

一、JS方法1.最简单的调用方式，直接写到html的body标签里面：

<html> 
    <body onload="load();">
    </body> 
</html>



2.在JS语句调用：
...

			
		

	





	

		

			

				
					
Cesium 返回到初始化加载后的状态

					
最新发布

				
			

			

				

					10-17
				

			

		

		

			
				
5. **模块化加载**：如果应用中用了Cesium的插件或者自定义模块，它们会在这一阶段按需加载。  为了回到初始化后的状态，你可以选择清空场景、重新设置视图参数或关闭再打开应用程序。以下是几个常见的操作示例：  `...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值