javascript - 检测是否加载了外部脚本

Question

使用 JavaScript，有没有办法检测外部脚本(来自第三方 vendor )是否已完全加载？

有问题的脚本用于引入和嵌入作业列表的标记，不幸的是，它没有使用任何变量或函数。它使用 document.write 输出嵌入到我的页面中的所有内容。

理想情况下，我希望在等待外部脚本加载时显示某种加载消息，如果加载失败，则显示“我们很抱歉，稍后再回来查看...”消息。

我在网站上使用 jQuery，但在调用 jQuery 之前调用了这个外部脚本。

外部脚本中的 document.write 内容如下所示:

document.write('<div class="jt_job_list">');
document.write("
    <div class=\"jt_job jt_row2\">
        <div class=\"jt_job_position\">
            <a href=\"http://example.com/job.html\">Position Title</a>
        </div>
        <div class=\"jt_job_location\">City, State</div>
        <div class=\"jt_job_company\">Job Company Name</div>
    </div>
");

Answer 1

将函数附加到加载事件:

<script type="text/javascript" src="whatever.js" onload ="SomeFunction()" />

就您的loading... 问题而言，尝试显示一个用于加载的 div，然后只是display:none-在您的onload功能。不过，请务必处理脚本加载失败的情况。