JavaScript教程:[9]判断脚本是否加载完成
1、在编写HTML文件时,我们时常使用外部文件导入JS或CSS文件的方式,页面再加载的时候,这些文件也会按照顺序下载下来,并进行加载。我们不知道什么时候会加载完成,现在可以编写一个方法来判断加载是否完成
2、首先,本人这里在EventUtil对象里边已经写好了一个方法,该方法的作用是在某个对象上添加某事件的监听,如图addHandler方法即为此效果。
![JavaScript教程:[9]判断脚本是否加载完成](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f58e78bc66ef4fcf5ef0d417d.jpg)
3、同时也编写了一个getEvent和getTarget方法,作用分别是取得事件的引用和返回事件的目标,如图
![JavaScript教程:[9]判断脚本是否加载完成](https://exp-picture.cdn.bcebos.com/874f6275e5f4fcf50ce4cd7d21d7726b0de2bd7d.jpg)
4、然后创建一个script元素,给该元素添加readystatechange事件监听,判断对象的readystate状态,返回信息,最后将script对象的src属性赋值并添加script元素到body中
![JavaScript教程:[9]判断脚本是否加载完成](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2820ec3bcef781423bfb9b67d.jpg)
5、运行查看结果
![JavaScript教程:[9]判断脚本是否加载完成](https://exp-picture.cdn.bcebos.com/65390a23beb9763ecc2b4c656ad06de89b61b07d.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:25
阅读量:107
阅读量:138
阅读量:194
阅读量:62