怎么判断$.getScript()方法加载的JS是否存在？

winzond 2019-06-29 08:46:37

不想重复加载同一个JS文件，但也不想一开始就加载所有JS文件，于是就动态加载。怎么才能判断这个文件是否已经加载过呢？好像DOM没有什么变化，我目前能想到的办法是在head对象上加data()，似乎这并不是最佳的办法，还有其它方法吗？

...全文

312 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

讨厌走开啦 2019-07-01

打赏
举报

回复

参考这里：https://blog.csdn.net/lqlqlq007/article/details/78665962

天际的海浪 2019-06-29

打赏
举报

回复

用个全局变量控制啊

1.两个文件的代码如下： [removed] function Ajax(){ //将9-4.html中的Ajax()函数进行修改 $.getScript('9-8.js',function(data){ var html =""; $.each(comments, function(Index, comment) { html += ''; }) /

前言在我们日常开发中，常常利用chrome强大的控制台Sources下面进行代码断点调试，但是通过$.getScript等异步加载JS的方式在Sources里面就是找不到，那如何进行debug断点调试呢？下面来一起看看。这是我们用Sources断点调试的实例图：图中我们可以看到，在index.js中我们通过$.getScript引入test.js，看看表现如何：我们在Network中看到test.js已经成功引入，但是它却属于XHR类请求，这样我们在Sources必然找不到它。不出所料，Sources里果然没有发现test.js的踪迹！高潮来了，那还怎么进行断点调试呢？？？我

本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考，具体如下：问题：如果用jquery append直接加载script标签的话，会报错的。除了[removed]外，还有没有其他的比较好的动态加载js文件的方法。解决方法： 1、jquery方法 $.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function(){ //加载test.js,成功后，并执行回调函数 console.log("加载js文件"); }); 2、js方法 <html> <body> </bo

代码如下: $.getScript(url,callback) 这个方法是jquery自身提供的一个用于动态加载js的方法。当网站需要加载大量js时，动态的加载js就是一个比较好的方法，当需要某个功能时再将相应的js加载进来。但是自己在使用过程中却发现了一些不尽如意的地方。每次需要执行该功能的时候都会去请求一次这个js，这样不是在帮倒忙嘛？于是找到Jquery官网的API说明 http://api.jquery.com/jQuery.getScript/ 其实这个方法就是对ajax方法的一个封装，可以使用ajax方法的缓存来将http状态200变成304，从而使用客户端的缓存：

解决方法，用以下方法加载js: 代码如下: var loadScript = function(url, callback, charset){ var head = document.getElementsByTagName(‘head’)[0]; var script = document.createElement(‘script’); if(charset){ script.charset = charset; } script.src = url; if(!callback){ return; } script.onload = script.onreadystatechange

87,909

社区成员

224,616

社区内容

社区管理员

近7日
近30日
至今

加载中

查看更多榜单

试试用AI创作助手写篇文章吧

+ 用AI写文章

' + comment.username + ':

' + comment['content'] + '