js：js中加载js文件

这个问题，之前没怎么想过，因为现在大部分时间我们都在搞 react、vue + webpack 这种有模块化的，所以基本上用 es module 就可以。

一般最终形态都是 html 引入 script 标签，如果一些老项目需要一个 script 标签里的 js 引用另一个 js 文件，怎么办呢。

function addScript(url){var script = document.createElement('script');script.setAttribute('type','text/javascript');script.setAttribute('src',url);// 具体加载在哪，可替换这一条document.getElementsByTagName('head')[0].appendChild(script);
}
// 加载在head末尾
document.getElementsByTagName('head')[0].appendChild(script);
document.head.appendChild(script);// 加载在body末尾，需要确保已经有body标签了，如果这个代码是在head里，那可能还没有body
document.body.appendChild(script);// 加在 head 标签上面，也就是 html 里的第一个元素
var html = document.documentElement;
html.insertBefore(script, html.firstChild);// 加载在第一个script脚本前，确保网页中至少有一个 script 标签
var first = document.getElementsByTagName('script')[0];
first.parentNode.insertBefore(script, first);// 把js文件插入到目前所在的js文件前
var first = document.getElementsByTagName('script');
var here = first[first.length-1];
here.parentNode.insertBefore(script, here);// 把js文件插入到目前所在的js文件后
var first = document.getElementsByTagName('script');
var here = first[first.length-1];
here.parentNode.appendChild(script);

如果加载完，想要获取这个 js 文件中暴露的全局变量，则需要：

function addScript(url){var script = document.createElement('script');script.setAttribute('type','text/javascript');script.setAttribute('src',url);document.getElementsByTagName('head')[0].appendChild(script);
}
addScript('http://pv.sohu.com/cityjson')
window.onload = function () {console.log(window.returnCitySN)
}

js：js中加载js文件相关推荐

html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...
JS练习 -- 动态加载JS
文章目录导读通过CDN网站获取js的url url.script.src XHR加载.script.text 参考资料导读日期:2022-1-18 分析网页时,经常遇到一些库未加载的情况,比如 ...
html 调用c#dll中的控件,C#实现反射调用动态加载的DLL文件中的方法和在窗体中加载DLL文件的用户控件...
反射的作用: 1．可以使用反射动态地创建类型的实例,将类型绑定到现有对象,或从现有对象中获取类型 2．应用程序需要在运行时从某个特定的程序集中载入一个特定的类型,以便实现某个任务时可以用到反射. ...
spring配置中加载properties文件方法
首先,遇到一个问题,spring配置中加载properties文件配置如下: <context:property-placeholder ignore-unresolvable="tr ...
Spire.PDF迎来最新版本更新，Spire.PDF 8.7.2 支持从流中加载 OFD 文件
Spire.PDF 8.7.2 支持从流中加载 OFD 文件 Spire.PDF for .net 更新至v8.7.2 .该版本支持从流中加载OFD文件,并在WPF程序集中增加了一个支持打印设置的接口 ...
Web前端笔记-js中加载图片文件（vue cli中同样适用）
这里主要是在vue cli项目中加载图片的时候会出现304,特别是使用自己写的js加载图片的时候,此博文记录了解决办法. 在js文件中引用文件 import img from '@/assets/im ...
使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子政务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...
js怎么动态加载js文件（JavaScript性能优化篇）
下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 [基本优化] 将所有需要的<script>标签都放在</body>之前,确保脚本执行之前完 ...
Joomla!程序中加载JS和CSS的方法
1.加载单独的js文件: $js = JURI::base().'components/com_foobar/assets/script.js'; $document =& JFactory: ...
js jq 动态加载js文件
1.jquery方法 $.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function() ...

js：js中加载js文件

js：js中加载js文件相关推荐

最新文章

热门文章