用原生js怎么动态添加一个js文件

用原生js怎么动态添加一个js文件,第1张

你好,

原生JS添加一个JS文件其实比较简单:

// 首先创建一个script标世滚签

var 搜蚂余script = document.createElement('script')

// 接着就可以给这个标签指定要加载的文件地址

script.src = './abc/123/cde.js'

// 如果后面的逻辑需要依赖物悉这个js文件,那么需要在该JS完成加载后再执行其他逻辑

script.onload = function() {

    // script已经加载完毕,继续其他逻辑

    // 假如加载的jquery库,则接下来可以这么写

    $('body').css('backgroundColor', 'red')

}

// 当然,要真正执行加载文件,还需要将script标签添加到页面中

document.head.appendChild(script)

好了,就是这么简单。当然还有很多细节,比如考虑到页面代码整洁,加载后删除该标签也是可以的,而且很多库的loader方法也是有这方面功能处理的。

希望能解决你的问题。

js文件最后加宴蚂销载有三种实现方法。第一种方法: 将js文件放在晌游代码最后,因为程序是从上往下执行,所以最后加载。这种方法最简单粗暴。 第二种方法: 使用window.onload 事件。当一个文档完全下载到浏览器中时,才会触发window.onload事物宏件。这意味...


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11988350.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存