`
bee1314
  • 浏览: 166732 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

前端异步加载js且判断js是不是加载完成

 
阅读更多

 

/**
     * 异步加载依赖的javascript文件
     * src:script的路径
     * callback:当外部的javascript文件被load的时候,执行的回调
     */
    function loadAsyncScript(src, callback) {
		var head = document.getElementsByTagName("head")[0];
		var script = document.createElement("script");
		script.setAttribute("type", "text/javascript");
		script.setAttribute("src", src);
		script.setAttribute("async", true);
		script.setAttribute("defer", true);
		head.appendChild(script);
		
		//fuck ie! duck type
		if (document.all) {
			script.onreadystatechange = function() {
				var state = this.readyState;
				if (state === 'loaded' || state === 'complete') {
					callback();
				}
			}
		} else {
			//firefox, chrome
			script.onload = function() {
				callback();
			}
		}
    }

 

 

分享到:
评论

相关推荐

    JS异步加载图片

    1. **DOMContentLoaded事件**:当HTML文档加载完成且解析完毕,但不包括外部资源(如图片、样式表等)时,可以利用DOMContentLoaded事件来异步加载图片。 2. **Intersection Observer API**:这是一个现代浏览器...

    JS 动态树 异步加载树 xloadtree WebFXLoadTree

    标题 "JS 动态树 异步加载树 xloadtree WebFXLoadTree" 指的是在JavaScript中实现的一种特定的树形结构组件,它具备动态加载和异步数据获取的功能。这种技术常用于构建大型数据集的层级展示,如文件系统、组织结构或...

    scriptjs异步JavaScript加载器和依赖管理器

    `script.js`是一个轻量级且功能强大的工具,它允许开发者实现异步加载JavaScript文件,并有效地管理它们之间的依赖关系,从而提升网页的加载速度和用户体验。 1. **异步加载的优势** - **非阻塞加载**:传统的方式...

    java实现ztree异步加载

    在IT领域,尤其是在Web开发...总结,Java实现ZTree异步加载涉及前端ZTree的配置、Ajax请求的发送,以及后端Java服务的处理和数据返回。理解这个过程并正确实施,可以显著提升ZTree的用户体验,尤其是在处理大量数据时。

    JS读取本地文件夹和图片异步加载(图片LazyLoad)

    在本文中,我们将探讨如何使用JavaScript读取本地文件夹,并实现图片的异步加载,即图片的LazyLoad技术。 一、JavaScript读取本地文件夹 在浏览器环境中,出于安全考虑,JavaScript无法直接访问用户的本地文件系统...

    ztree异步加载

    总的来说,ZTree的异步加载功能是前端开发中处理大规模数据树形结构的一个强大工具,通过合理的配置和事件处理,可以实现高效且流畅的用户体验。在实际应用中,应根据项目需求调整相关参数,优化数据请求和处理过程...

    异步加载的js瀑布流

    在"异步加载的js瀑布流"中,Kissy是一个JavaScript库,它被用于实现这个功能。Kissy是一个轻量级、模块化的前端开发框架,支持AMD(Asynchronous Module Definition)规范,能够帮助开发者组织代码,提高代码的可...

    上拉滚动条 异步加载组件

    我们可以利用这个事件来判断是否达到了页面底部,然后异步加载更多数据。 ```javascript myScroll.on('scrollEnd', function() { if (!this.y || this.y >= (this.maxScrollY - 10)) { // 判断是否接近底部 load...

    zTree异步加载Demo

    【zTree异步加载Demo】是一个基于SpringMVC框架和MySQL数据库实现的示例,它展示了如何使用zTree这一流行的JavaScript树形插件进行异步数据加载。zTree是一款功能强大的jQuery插件,广泛用于构建多级目录结构,如...

    jquery easyui tree 树形列表节点异步加载

    在本文中,我们将深入探讨jQuery EasyUI中的Tree组件以及如何实现树形列表节点的异步加载。EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,包括我们这里关注的Tree组件。异步加载是提升用户体验的...

    ztree异步加载demo(有说明文档)

    【标题】"ztree异步加载demo(有说明文档)" 涉及到的知识点主要围绕着ZTree,这是一个非常流行的JavaScript组件,主要用于构建树形结构的界面,尤其适用于网站导航、文件目录管理和组织结构展示等场景。异步加载是...

    ZTree学习(二):异步加载树结构 - CSDN博客1

    - **enable**: 是否启用异步加载,设为 `true` 表示开启。 - **type**: 请求类型,通常设置为 `"post"` 或 `"get"`。 - **url**: 异步请求的 URL,此处可设置为一个方法,例如 `getUrl`,实际应用中应提供返回实际...

    ztree+dwr实现的异步加载树形菜单

    现在我们来详细探讨如何利用ZTree和DWR实现异步加载树形菜单。 首先,ZTree是一个轻量级、灵活的jQuery插件,适用于构建可自定义的树形菜单。它支持多种操作,如点击节点、拖拽节点、右键菜单等,且提供了丰富的API...

    如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)

    ECharts能够加载各种类型的地图数据,如中国地图、世界地图等,这些地图数据可以以JSON格式异步加载。异步加载数据意味着不需要刷新整个页面,就能更新数据,提高用户体验。 在本教程中,我们使用PHP作为服务器端...

    dtree+ajax异步加载树

    **dtree+ajax异步加载树详解** 在Web开发中,数据展示往往涉及...综上所述,dtree与Ajax结合实现异步加载树,是Web应用中一种高效且灵活的数据呈现方式。理解其原理和实现方法,有助于提升前端交互的效率和用户体验。

    jquery ztree 异步加载

    ### jQuery ZTree异步加载详解 #### 一、概述 jQuery ZTree插件是一款功能强大的树形控件,被广泛应用于Web开发中,用于展示层级结构数据。在大数据量的场景下,同步加载所有节点数据可能会导致页面加载缓慢,用户...

    异步加载JS、CSS代码(推荐)

    总的来说,异步加载JS和CSS是一种有效的优化策略,它能够平衡加载速度和页面功能的完整。通过理解并合理运用`async`属性,我们可以构建更加响应式的Web应用程序,同时提高用户的满意度。在实际开发中,应根据项目...

    Angular 异步加载Controller

    在Angular开发中,异步加载Controller是一种常见的优化技术,它能显著提高应用的启动速度和性能,特别是对于大型单页应用程序(SPA)。这种方式允许我们按需加载模块和控制器,而不是一次性加载整个应用,从而减少...

    【Typecho插件-前端-加载动画】SakuraLoad

    这个插件——SakuraLoad,是专门为Typecho设计的,旨在提高用户体验,特别是在页面内容异步加载时。 首先,我们要理解什么是前端加载动画。在网页加载过程中,如果内容未能即时呈现,用户可能会感到困扰,加载动画...

    城市三级联动js前端显示动态加载

    1. 加载数据:这通常通过AJAX(异步JavaScript和XML)请求完成,现在多使用fetch API或者jQuery的`$.ajax`。数据可以存储在服务器端,也可以预存在本地的JSON文件中。 2. 初始化:加载数据完成后,将省份数据填充到...

Global site tag (gtag.js) - Google Analytics