欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

加载javascript,会不会阻塞进程? 进程主线程加载js

程序员文章站 2022-06-09 12:46:03
...
需求:加载js或css,onload后做一些事情(因为有依赖关系,回调方法里用到了加载js的方法)

首先,第一个问题,加载js是否阻塞主线程??自测如下,欢迎拍砖和补充。

如图,当执行完循环的时候,body的内容没有显示出来。
加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 

加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 
2:在head或者body标签中,引入外部js文件,这样会阻塞进程的!
代码如下:

加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 
加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js

 结果如图所示:当执行完循环的时候,body的内容同样没有显示出来,说明外链js的方式也阻塞了进程。

 
加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 3:在head或者body标签中,javaScript创建script标签引入js文件,这样相当于开启了一个新的进程,不会阻塞当前进程。

代码如下:

 
加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 
加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 结果如图所示:当执行完循环的时候,body中显示出了文字,说明动态创建script标签的方式是异步的,并没有阻塞当前进程的执行。

加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
 

 

  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 25.1 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 53.8 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 33.2 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 18.8 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 51.9 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 18.8 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 37.4 KB
  • 加载javascript,会不会阻塞进程?
            
    
    
        进程主线程加载js
  • 大小: 50 KB