javascript 页面加载-JavaScript 中的同步和异步加载教程!

在JavaScript教程中,有同步加载异步加载。 你知道它们的意思吗?

哪些是同步加载的?

javascript 页面加载_加载页面中..._加载页面不显示星史诗

加载数据时,总是会执行其他程序。 一般情况下,程序在加载期间不被执行。 我们必须等待进度条。 由于许多程序在不加载数据的情况下可能很难运行,因此它们通常在加载后运行。 在我们菜鸟建站教程中,提到的JS是最常用的同步加载方式:

同步模式也称为阻塞模式,会停止浏览器的后续处理,停止后续的解析,从而停止后续的文件加载(如图像)、渲染和代码执行。

javascript 页面加载_加载页面不显示星史诗_加载页面中...

之所以js需要同步执行,是因为js可能会输出文档内容、修改dom、重定向等行为,所以默认同步执行是安全的。

在wordpress仿站教程中,我们通常建议将其放置在页面末尾之前,以尽可能减少这些阻塞行为,让页面先显示。

javascript 页面加载_加载页面中..._加载页面不显示星史诗

哪些是异步加载的?

异步加载是指在执行过程中同时加载。 一般来说,图片等不太重要的东西可以先忽略。 例如,在游戏峰会网站的制作中,网页游戏经常会有玩家在玩的过程中。 (图形没有加载,由其他阴影模型替代)javascript 页面加载javascript 页面加载,如果另一个线程加载完成,如果发布就是异步的。 这一点在学做网站峰会的菜鸟网站制作教程中也提到了。

$.getScript("test.js", function(){

alert("脚本已加载并执行。");

加载页面不显示星史诗_加载页面中..._javascript 页面加载

});

异步加载也称为非阻塞。 浏览器在下载并执行js的同时,还会继续处理后续页面。 这些方法都是在页面的标签中创建一个带有js的脚本元素,并将其插入到文档中。 这样就实现了非阻塞下载js代码。例如百度统计功能就采用了异步加载的方式

感谢您的观看