首页 >

点评js异步加载的4种方式【javascript】

web前端|js教程点评js异步加载的4种方式【javascript】
js,异步加载
web前端-js教程
js异步加载的4种方式,点评开始。
php竞答源码,ubuntu人工智能,部署tomcat文件夹删不掉,工程怎样网页爬虫,php返回值有什么用,广州seo转化lzw
方案1:$(document).ready
limesurvey源码,vscode配置arm64,ubuntu 火焰图,tomcat需要破解吗,蜜罐防爬虫,php服务器接口开发,小企业做seo优化好吗,服装织梦网站源码,程序员吧网站模板卖了lzw
                                 $(document).ready(function() {              alert("加载完成!");            });                        点评js异步加载的4种方式【javascript】    
点评:
asp.net商城系统源码下载,较早版本的ubuntu,爬虫儿童图片,网站php维护,乐陵seo推广lzw
1、需要引用jquery

2、兼容所有浏览器。

方案2标签的async=”async”属性

async的定义和用法(是HTML5的属性)

async 属性规定一旦脚本可用,则会异步执行。

示例:

 
点评:

1、HTML5中新增的属性,Chrome、FF、IE9&IE9+均支持(IE6~8不支持)。此外,这种方法不能保证脚本按顺序执行。

2、async 属性仅适用于外部脚本(只有在使用 src 属性时)。

方案3标签的defer=”defer”属性

defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。

有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就不一定是了。

如果您的脚本不会改变文档的内容,可将 defer 属性加入到 标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。

示例:

 alert(document.getElementById("p1").firstChild.nodeValue);  
点评:兼容所有浏览器。此外,这种方法可以确保所有设置defer属性的脚本按顺序执行。

方案4:动态创建标签

示例:

                        (function(){var s = document.createElement('script');s.type = 'text/javascript';s.src = "http://code.jquery.com/jquery-1.7.2.min.js";var tmp = document.getElementsByTagName('script')[0];tmp.parentNode.insertBefore(s, tmp);            })();                        点评js异步加载的4种方式【javascript】    
点评:兼容所有浏览器。

以上就是针对js异步加载的4种方式进行的区分介绍,希望对大家的学习js异步加载有所帮助。


点评js异步加载的4种方式【javascript】
  • spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果
  • spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果 | spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果 ...

    点评js异步加载的4种方式【javascript】
  • JQuery ztree带筛选、异步加载实例讲解【jquery】
  • JQuery ztree带筛选、异步加载实例讲解【jquery】 | JQuery ztree带筛选、异步加载实例讲解【jquery】 ...

    点评js异步加载的4种方式【javascript】
  • nodejs实现bigpipe异步加载页面办法
  • nodejs实现bigpipe异步加载页面办法 | nodejs实现bigpipe异步加载页面办法 ...