当前位置: 首页 > article >正文

fetch下载js文件,js内容浏览器能不执行吗

fetch下载js文件,js内容浏览器能不执行吗

当使用 JavaScript 文件的 URL 在浏览器中进行 fetch() 请求时,浏览器将始终下载并执行 JavaScript 文件。这是因为浏览器默认情况下会自动执行 JavaScript 文件,而 fetch() 方法只是从服务器获取该文件,但并不控制是否执行该文件。

如果不想在浏览器中执行 JavaScript 文件,可以考虑以下两个方案:

  1. 使用其他文件格式:你可以将 JavaScript 文件保存为其他格式(如纯文本),以避免浏览器自动执行该文件。但是,请注意,这种方法可能会影响你想要使用 JavaScript 文件的能力。

  2. 在下载后手动控制执行:你可以在 fetch() 方法返回 JavaScript 文件后,手动控制是否执行该文件。例如,你可以使用 eval() 函数将文件内容作为字符串进行评估。但是,这种方法可能会导致安全问题,因为它会将不受信任的代码动态注入到你的网页中。因此,建议仅在你完全信任文件来源并且无法使用其他更安全的方法时才使用此方法。

  3. 当想提前加载js文件,后续再执行方法:如果在代码中直接操作dom,报错的话,可以通过方法来编写,用到的时候进行调用
    以下因为提前加载,dom节点没有渲染好的情况

//加载和执行,由于没有渲染好依赖节点会报错
(function test() {
    document.getElementById("abc").innerText = 123;
})();

正确做法:调整成方法,在dom渲染好再执行方法

//调整成方法
function test() {
    document.getElementById("abc").innerText = 123;
}
window.test = test;

执行window.test();来进行调用; //当不用的时候可以直接 window.test = undefined 移除

SEO关键词:

xml下载js文件js会被执行吗、fetch下载js文件浏览器执行吗、下载js文件如何不然浏览器执行、
浏览器下载js文件怎么让它不执行、提前加载js文件不自信代码


http://www.kler.cn/a/9384.html

相关文章:

  • Ruby编程语言全景解析:从基础到进阶
  • 【OH】openHarmony开发环境搭建(基于windows子系统WSL)
  • 【121. 买卖股票的最佳时机】——贪心算法/动态规划
  • 车-路-站-网”信息耦合的汽车有序充电
  • 除了 Mock.js,前端还有更方便的 Mock 数据工具吗?
  • 【图像压缩感知】论文阅读:Self-supervised Scalable Deep Compressed Sensing
  • 4月11日作业修订
  • 【Linux】基础IO_文件操作
  • Docker 部署Jira8.1.0
  • 安装torch\torch-geometric
  • Raft协议
  • MFC - 控件的消息和控件的事件(命令)有什么区别?
  • leetcode单词的个数
  • 憨批的语义分割重制版11——Keras 搭建自己的HRNetV2语义分割平台
  • stm32 esp01s Qt 巴法云平台控制小灯
  • C++模板基础(六)
  • 故障定级和定责
  • 处理机调度与死锁习题
  • 蓝桥杯第十四届省赛完整题解 C/C++ B组
  • Window常用命令
  • Dubbo架构整体设计
  • 小规模容器编排使用Docker Swarm不香么,用个锤子的kubernetes
  • Leetcode.2399 检查相同字母间的距离
  • webpack介绍
  • 三十四、java中的引用
  • react简单实现防抖和节流教程方法