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

最新推荐文章于 2023-09-13 11:45:00 发布
最新推荐文章于 2023-09-13 11:45:00 发布
阅读量1.1w 收藏 1
点赞数
分类专栏： javascript 文章标签： callback function xhtml jquery html 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangw428/article/details/6053164
版权

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

ie 上支持 onreadystatechange , 不支持 onload

firefox上支持 onload , 不支持onreadystatechange

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

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

zhangw428
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
页面加载后自动执行js的几种方法
吾行远方
08-29 3699
一、JS方法 1、直接写到html的body标签里面： load是自动执行的方法名 <body onload="load();"> </body> 2、在JS语句调用： <script type="text/javascript"> function load() 　　{ 　　 alert("自动执行load()"); 　　 } 　　 ...
动态加载外部javascript文件的函数代码分享
12-02
在大多数现代浏览器中，使用`onload`事件，而在老版本的IE浏览器（6、7）中，需要使用`onreadystatechange`事件，当脚本状态变为"complete"时，执行回调函数。 6. **回调函数**：`callback()`在脚本加载完成后被...
JS动态插入并立即执行回调函数的方法
10-22
主要介绍了JS动态插入并立即执行回调函数的方法,实例分析了动态插入js文件及执行回调函数的相关技巧,需要的朋友可以参考下
JS中的回调函数
qq_42774501的博客
12-25 826
回调函数 首先聊一下什么是回调函数，通俗的讲很容易理解，我们可以用三句话来描述它； ①：自己定义的函数 ②：自己没有调用 ③：函数自己执行了 符合这三个条件的函数就是回调函数，理解起来就是这么简单，不要想的太高大上，再nb它也就是一个函数，只不过比较特殊罢了。 同步异步 同步和异步：JS中的同步可能和其他地方的同步不太一样，生活中的同步是同时进行，而JS中的同步是队列式运行，说白了就是当前的执行完了再执行下一个任务，就例如排队买票一样，只能一个一个买；而JS中的异步就是多个任务同时进行，例如多个窗口同时多个
动态创建iframe,并动态添加js执行代码
01-22
动态创建iframe,并动态添加js代码动态创建iframe,并动态添加js代码
实现动态加载JS脚本有4种方法
最新发布
xinyuerr的博客
09-13 2596
这里重新温习Document.write()的用法，必须在加载页面的过程中使用，否则将复写整个页面，这里我碰到的问题是，如果用一些异步方法把内容写进页面Body中是不行的，应为IE无法被我们的脚本所阻塞，无法要求加载过程。这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。alert( "主页面动态加载a.js并取其中的变量：" + str );alert( "主页面动态加载a.js并取其中的变量：" + str );
vue加载完成后的回调函数方法
12-10
如果需要等待所有数据就绪，可以使用`$nextTick`来确保在DOM更新之后执行回调。 例如，如果你需要在数据绑定到DOM后再进行某些操作，可以这样做： ```javascript mounted() { this.$nextTick(() => { // 在此处，...
如何实现JavaScript动态加载CSS和JS文件
11-22
如果依赖于动态加载的脚本，应该考虑使用回调函数、Promise或async/await来处理加载顺序。 总结，通过创建`<link>`和`<script>`元素，并将它们添加到`<head>`，可以实现在JavaScript中动态加载CSS和JS文件。这种...
js实现动态添加内容
huihui_999的博客
11-24 2463
js事件委托
JS动态添加tr
12-06
JavaSscript动态添加tr。使用DIV+CSS 页面布局。
动态加载js文件
weixin_49416704的博客
10-27 636
1、使用场景 例如本人当前需求——给当前的管理系统的bootstarpTable的提示语修改各个国家的语言（语言提示根据当前管理系统的语言环境）。 也就是根据如图所示的语言，来变换bootstarptable的提示语， 类似这种提示语。 看看是怎么做的吧！！ 1、首先我在一个公共的html中引入一个默认的bootstarp文件，这样子系统会默认加载这个文件。 <script src="../static/js/bootstrap-...
动态添加js脚本
qq_41431098的博客
08-25 981
第一步:动态创建一个script元素 letscript=document.createElement('script'); 第二步:设置script元素的src属性 script.src='xxx.xx.xx'; 第三步:将script元素添加到head元素中 document.head.appendChild(script); 注意点1:默认情况下，以这种方式创建的<script>元素是以异步方式加载的，相当于添加了async属性，不过这样做可能可能会有问题，...
动态添加js
qq_42033668的博客
12-09 555
动态添加js Java SystemConfig config = systemConfigService.getValueByName(CommonConstant.ORDER_NAME_CONFIG); return "var orderTypes="+config.getConfigValue(); JS document.write('<'+'script'+' type="text/javascript" src="/api/config?id=' + id + '"><'+'
动态加载js与css文件
Jerry_zpon的博客
03-02 1031
在前端日常开发中，肯定会遇到这样的需求场景：一个使用频率很低的功能引入了较大的第三方SDK，且第三方SDK没有提供相应的npm包，无法按需引入，只能在index.html中使用标签的方式引入，导致项目启动的时候需要加载较多的文件，带来了首屏渲染的时间延长。动态创建时，可能遇到已经创建过该元素并添加到body中，重复创建的有点浪费（DOM的创建很浪费资源），所以在创建时判断当前文件是否已经存在。所以可以采用资源的动态加载，只有在需要的时候去动态加载相应的资源文件。监听加载成功与失败执行相应的回调函数。
动态加载JS脚本的4种方法
ysds20211402的博客
03-02 987
转自：微点阅读 https://www.weidianyuedu.com 要实现动态加载JS脚本有4种方法： 1、直接document.write 这里重新温习Document.write()的用法，必须在加载页面的过程中使用，否则将复写整个页面，这里我碰到的问题是，如果用一些异步方法把内容写进页面Body中是不行的，应为IE无法被我们的脚本所阻塞，无法要求加载过程中断，等待我们取得必要的信息，这时候我们将无法保证加载后脚本具体执行的情况。 <script language="java..
动态添加JS 事件
xyjikl
12-14 336
Javascript为元素动态的添加事件包括两种情况： 不带参数的事件和带参数的事件。 一、不带参数的事件： 两种方式：直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况： var t = document.getElementById("NewTitle"); t.onclick = function showmsg(){
jquery getscript会加载完，不一定执行完毕就回调success函数吗？
05-27
不是的，`jQuery.getScript()`方法会在脚本文件加载并执行完毕后回调`success`函数，而不是仅在加载完成时回调`success`函数。 `jQuery.getScript()`方法会在脚本文件加载完成后立即执行该脚本，然后回调`success`函数。这意味着，当`success`函数被调用时，动态插入的脚本已经完全加载并执行完毕了。 如果你想要在脚本文件加载完成后才执行某些代码，可以将这些代码放在`success`函数中，这样就可以确保脚本文件已经加载并执行完毕了。如果你想要在脚本文件加载完成后立即执行某些代码，可以将这些代码放在脚本文件中，或者在脚本文件中使用回调函数来处理这些代码。 以下是一个使用`jQuery.getScript()`方法加载脚本并在加载完成后立即执行某些代码的示例： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $.getScript('path/to/script.js', function() { console.log('Script loaded successfully'); // 在脚本文件加载完成后立即执行某些代码 doSomething(); }); function doSomething() { console.log('Do something'); } </script> ``` 在上面的示例中，`$.getScript()`方法用于异步加载脚本文件，并使用`success`函数来处理加载完成事件。当脚本文件加载完成后，`success`函数会被调用，并输出一条成功加载的消息。然后，`doSomething()`函数会被立即执行，并输出一条`Do something`的消息。这意味着，在`success`函数被调用时，动态插入的脚本已经完全加载并执行完毕了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值