点击按钮时执行shell脚本的实现方法，应该使用什么JS函数？

首先需要明确你的JS运行场景，不同场景下实现逻辑完全不同：

1. 浏览器前端网页场景 #

没有可直接实现该需求的JS函数。浏览器出于安全沙箱限制，禁止网页侧代码直接调用本地系统的Shell脚本或命令，否则会出现严重的安全漏洞。如果要实现网页点击按钮触发脚本执行，需要搭配后端服务实现，流程如下：

• 前端点击btn1时向后端发送HTTP请求
• 后端服务接收请求后，调用本地的script.sh脚本执行
• 脚本执行完成后，后端将执行结果返回给前端展示

2. Node.js 环境（含Electron桌面应用、Node.js本地工具等） #

可以使用Node.js内置的child_process模块实现脚本调用，示例代码如下：

const { exec } = require('child_process');
const path = require('path');

// 替换为你自己的script.sh实际存储路径
const SCRIPT_PATH = path.resolve(__dirname, './script.sh');

// 给btn1绑定点击事件
document.querySelector('#btn1').addEventListener('click', () => {
  exec(`sh ${SCRIPT_PATH}`, (err, stdout, stderr) => {
    if (err) {
      console.error(`执行失败：${err.message}`);
      return;
    }
    if (stderr) {
      console.error(`脚本错误输出：${stderr}`);
      return;
    }
    console.log(`执行成功，输出内容：${stdout}`);
  });
});

注意事项 #

• 如果是Electron场景，建议不要直接在渲染进程执行脚本，可通过IPC通信将执行请求发送到主进程处理，避免开启渲染进程Node集成带来的安全风险
• 如果脚本执行时间较长，可替换为child_process.spawn方法流式获取输出，避免进程阻塞
• 脚本路径建议写绝对路径，避免相对路径匹配错误导致找不到文件的问题

内容的提问来源于stack exchange，提问作者user15189913