原生js实现动态加载js文件?

最新推荐文章于 2024-06-17 17:10:14 发布
最新推荐文章于 2024-06-17 17:10:14 发布
阅读量1.4k 收藏 3
点赞数 1
分类专栏： js面试题 文章标签： js script
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47450807/article/details/124085175
版权

一、写在前面
今天拼多多笔试题，题目如下：

实现一个动态加载函数function loadScript(src, attrs)返回Promise, 其中
src是脚本地址，attrs是脚本属性。

二、具体实现

<script>
    function loadScript(src, attrs) {
   
      return
最低0.47元/天 解锁文章
卖菜的小白
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js文件动态引入
05-30
js文件动态引入O(∩_∩)O哈哈~,根据程序运行不同状态动态引入不同js
动态加载 JS 文件
tyxjolin的专栏
04-23 9584
动态加载JS文件是一种优化页面加载速度和提高用户体验的重要方式，但也需要注意文件路径、文件大小、兼容性和安全性等问题。开发者可以通过createElement()方法、appendChild()方法、XMLHttpRequest对象和eval()函数等方式来实现动态加载JS文件，具体实现方法可以根据需求和实际情况进行选择和调整。
动态引入js
最新发布
weixin_42464273的博客
06-17 226
动态引入js的几种方式
js文件中引入另一个js文件的方法总结
轻风细雨_林木木
08-23 1万+
举例test1.js和test2.js，其中test1.js引用test2.js。
Js引入js三种方法
qq_52700250的博客
05-09 1903
【代码】Js引入js三种方法
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
10-18
原生JS提供了一种方法来实现这个需求，同时允许在脚本加载成功后执行特定的回调函数。以下将详细介绍这一过程。 首先，我们需要创建一个新的`<script>`元素，通过`document.createElement('script')`来完成。然后，...
原生JS实现DOM加载完成马上执行JS代码的方法
12-10
这时，我们可以利用原生JavaScript实现DOM加载完成即刻执行的JS代码，避免不必要的延迟。 `jQuery`提供了`$(document).ready()`方法，它在DOM准备就绪时执行，但为了不依赖整个jQuery库，我们可以模仿其工作原理来...
原生JS实现首页进度加载动画
10-21
【原生JS实现首页进度加载动画】是一种常见于网页设计中的技术，用于提供用户体验上的优化。当用户打开网页时，加载动画能展示页面的加载进度，增加用户对等待的感知，减少用户对加载时间过长的不满。在本文中，我们...
原生javascript添加引用js文件
weixin_30820151的博客
12-31 713
functionaddScriptTag(src){varscript=document.createElement("script");script.setAttribute("type","text/javascript");script.src=src;...
js动态引入的四种方式
热门推荐
Gabriel的专栏
01-10 4万+
转自：http://blog.csdn.net/victormokai/article/details/8978747 index.html [html] view plaincopy >   html>    head>      meta content="text/html;charset=utf-8" http-equiv
实现动态加载JS脚本有4种方法
xinyuerr的博客
09-13 2608
这里重新温习Document.write()的用法，必须在加载页面的过程中使用，否则将复写整个页面，这里我碰到的问题是，如果用一些异步方法把内容写进页面Body中是不行的，应为IE无法被我们的脚本所阻塞，无法要求加载过程。这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。alert( "主页面动态加载a.js并取其中的变量：" + str );alert( "主页面动态加载a.js并取其中的变量：" + str );
动态加载js文件
weixin_49416704的博客
10-27 637
1、使用场景 例如本人当前需求——给当前的管理系统的bootstarpTable的提示语修改各个国家的语言（语言提示根据当前管理系统的语言环境）。 也就是根据如图所示的语言，来变换bootstarptable的提示语， 类似这种提示语。 看看是怎么做的吧！！ 1、首先我在一个公共的html中引入一个默认的bootstarp文件，这样子系统会默认加载这个文件。 <script src="../static/js/bootstrap-...
JavaScript的引入并执行-包含动态引入与静态引入
seetoyou的博客
02-27 2525
在js运行过程中，构建script标签并插入到DOM文档中，或者通过引用链接，把已经写好的js文件通过script标签并插入到DOM文档。html文件需要引入JavaScript代码，才能在页面里使用JavaScript代码。元素。元素。
原生js动态引入js和 css的导航
草木皆灰
04-15 514
1.问题 前端项目为非vue原生js写的项目，需要引入一个公共头部 ，但是页面非常的多，需要逐个页面进行修改，并且不同环境研发/测试/生产所引用的域名（test1.com可能为别的如test2.com）也是 不一样的，整合文档如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,i
动态引入js文件
杏子与鸡腿
11-17 3174
动态引入js文件 背景：                 打开一个页面，需要引用js文件、css文件，以及编写一些基本的html代码。                 某个页面的功能比较丰富，需要引用大量的js文件。如果一开始就全部引进来，可能这个加载过程比较耗时。如果采用页面直接引用的方式，可能导致页面维护js文件的代码量较大，也不利于集中管理。当要消除js文件加载的缓存时，每个页面都要加
在JS文件中加载另一个JS文件的教程
winkexin的博客
06-14 4697
这种方法是把js文件插入到第一个出现script的标识前，除非网页里没有任何一个script出现，否则应该不会出错。这种加载方法存在一个问题，就是有可能代码是在head区域，导致body还没达到，document.body就不存在，代码就会出错。附录：1、在JS文件里加载CSS文件。附录：2、在JS文件里设置META。
原生js实现各种案例
yjyxw的博客
06-15 1300
html文件： <html> <head> <meta charset="utf-8"> <title></title> <!-- 引入文件 --> <link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css"> </he
原生js实现图片懒加载的源码
03-29
以下是原生js实现图片懒加载的源码： ```javascript // 获取所有需要懒加载的图片元素 const lazyImages = document.querySelectorAll("img.lazy"); // 判断图片是否在可视区域内 function isInViewport(image) { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值