动态加载JS文件

简介: 两种方法: 1、通过创建一个Script标签,添加到head中,设置src路径;2、通过Ajax加载 js 文件,创建Script标签,添加到head中,设置Script的text属性为所加载 的js 文件的内容。

两种方法:

1、通过创建一个Script标签,添加到head中,设置src路径;
2、通过Ajax加载 js 文件,创建Script标签,添加到head中,设置Script的text属性为所加载js 文件的内容。

相同之处:都是异步加载
不同之处:一个是设置src路径,一个是通过Ajax加载 内容然后设置text。

相关帖子

方法一:

function include(url){ ele = document.createElement("script"); ele.setAttribute("type", "text/javascript"); ele.setAttribute("src", url); document.body.appendChild(ele); }

方法二:

function include(url) { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("GET", url, false); xmlHttp.send(null); } function handleStateChange(){ if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { loadJS(); } } } function loadJS() { ele = document.createElement("script"); ele.setAttribute("type", "text/javascript"); ele.setAttribute("text", xmlHttp.responseText); document.getElementsByTagName('head').item(0).appendChild(ele); }

个人经验,推荐方法二。

目录
相关文章
|
4月前
|
JavaScript API
深入探索fs.WriteStream:Node.js文件写入流的全面解析
深入探索fs.WriteStream:Node.js文件写入流的全面解析
|
2月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
40 0
|
4月前
|
数据采集 Web App开发 JavaScript
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
|
3月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
102 2
前端JS读取文件内容并展示到页面上
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
混淆指定js文件
【9月更文挑战第26天】JavaScript 混淆旨在保护代码知识产权、减小文件体积和提高安全性。方法包括变量名和函数名混淆、代码压缩、控制流平坦化及字符串加密。常用工具如 UglifyJS 和 JScrambler 可实现这些功能。然而,混淆可能带来兼容性和调试困难等问题,需谨慎使用并确保法律合规。
|
2月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
163 0
|
3月前
|
移动开发 JavaScript 前端开发
js之操作文件| 12-5
js之操作文件| 12-5
|
2月前
|
数据采集 JavaScript 前端开发
如何使用Python爬虫处理JavaScript动态加载的内容?
如何使用Python爬虫处理JavaScript动态加载的内容?
|
3月前
|
Web App开发 数据采集 JavaScript
有JavaScript动态加载的内容如何抓取
有JavaScript动态加载的内容如何抓取
|
3月前
|
存储 JSON JavaScript
学习node.js十三,文件的上传于下载
学习node.js十三,文件的上传于下载