javascript - 怎么判断一个外部的js已经加载完毕-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 怎么判断一个外部的js已经加载完毕

ringa_lee 2017-04-10 16:55:06

[JavaScript讨论组]

724

比如这个外部js叫comm.js，并且不是通过异步动态加载的方式请求到的

comm.js里有一个方法是我要在页面里调用的，但是经常报comm.js里的这个方法未定义（确定不是因为方法编写错误）

如何判断这个外部的静态js文件已经加载完了呢？
等加载完了再去调用这个方法

这个调用现在是放在jquery的$(function(){})里面的，而且页面里存在很多图片，放在window.onload里不太好吧→_→

ringa_lee

全部回复(6)

怪我咯2017-04-10 16:57:06 6楼

需要用什么方式调用？利用jQuery很简单：

$.getScript(js.url, function() {
// 你的业务逻辑
});

或者用script标签的onload或onreadstatechange事件处理你的逻辑。

赞 +0

添加回复

巴扎黑2017-04-10 16:57:06 5楼

有可能是你的<script>标签是放在body结束前

赞 +0

添加回复

大家讲道理2017-04-10 16:57:06 4楼

window.onload = function(){ 
    /*
     * 编写你的代码 
     */
}

赞 +0

添加回复

PHP中文网2017-04-10 16:57:06 3楼

调用方法的代码写在 DOMReady 里面试试

var func = function(){
    // 你的代码
};
// onload 时调用函数
window.addEventListener('load', func);
// 或者 DOMContentLoaded
window.addEventListener('DOMContentLoaded', func);
// 或者 jQuery
jQuery(function($){
    func();
});

另外，检查一下 js 文件的加载顺序，你的代码是在 common.js 后面加载的吗？

赞 +0

添加回复

大家讲道理2017-04-10 16:57:06 2楼

common.js 中加入回调函数吧

赞 +0

添加回复

巴扎黑2017-04-10 16:57:06 1楼

common.js脚本以如下顺序引入，保证common.js在jquery在前面，这样能保证DOMonReady事件发生时common.js已经加载完成

    <script src="common.js"></script>
    <script src="jquery-2.1.3.min.js"></script>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>