动态插入js，并立即执行回调函数

最新推荐文章于 2024-07-02 19:46:13 发布

原创最新推荐文章于 2024-07-02 19:46:13 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#callback #function #xhtml #jquery #html #文档

javascript 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种通过动态插入JS文件来提升网页加载速度的方法，并详细解释了如何在不同浏览器（如IE和Firefox）中实现这一功能。此外还讨论了脚本加载状态变化的处理方式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div id="loading">加载中……</div> <mce:script type="text/javascript"></mce:script> </body> </html>

动态插入js文件在提高页面加载速度和跨域问题上有非常重要的作用。上面就是一个简单例子。

ie 上支持 onreadystatechange , 不支持 onload

firefox上支持 onload , 不支持onreadystatechange

ie上面不一定loaded 或者是 complete触发，或者两个都会触发，所以用或来判断。

需要注意的是script.onreadystatechange 和script.readyState 的大小写形式，不区分大小写就可能导致不易发现的错误。