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

最新推荐文章于 2023-09-13 11:45:00 发布

zhangw428

最新推荐文章于 2023-09-13 11:45:00 发布

阅读量1.1w

点赞数

分类专栏： javascript 文章标签： callback function xhtml jquery html 文档

本文链接：https://blog.csdn.net/zhangw428/article/details/6053164

版权

javascript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!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 的大小写形式，不区分大小写就可能导致不易发现的错误。