getscript js 实现

获取脚本的 JavaScript 实现方法

在 JavaScript 中获取脚本（<script> 标签）的内容或动态加载脚本可以通过多种方式实现。以下是几种常见的方法：

动态加载外部脚本

通过创建 <script> 元素并插入到 DOM 中，可以动态加载外部脚本文件：

const script = document.createElement('script');
script.src = 'path/to/script.js';
script.async = true; // 异步加载
document.head.appendChild(script);

获取页面中已有脚本的内容

遍历文档中的 <script> 标签，获取其内容或属性：

const scripts = document.getElementsByTagName('script');
for (let i = 0; i < scripts.length; i++) {
    console.log(scripts[i].src); // 外部脚本的 URL
    console.log(scripts[i].innerHTML); // 内联脚本的内容
}

使用 document.currentScript

在脚本执行时，可以通过 document.currentScript 获取当前正在执行的 <script> 元素：

const currentScript = document.currentScript;
console.log(currentScript.src); // 当前脚本的 URL

通过 import() 动态导入模块

在支持 ES 模块的环境中，可以使用 import() 动态加载模块：

import('path/to/module.js')
    .then(module => {
        // 模块加载成功后的操作
    })
    .catch(err => {
        // 处理加载错误
    });

使用 XMLHttpRequest 或 fetch 获取脚本内容

通过 HTTP 请求获取脚本内容，然后动态执行：

fetch('path/to/script.js')
    .then(response => response.text())
    .then(scriptContent => {
        eval(scriptContent); // 执行脚本内容
    });

注意事项

• 动态加载脚本时，需注意跨域问题，确保脚本来源可信。
• 使用 eval() 执行脚本内容可能存在安全风险，建议仅在安全环境下使用。
• 异步加载脚本时，依赖关系需通过回调或 Promise 处理。