如何用JavaScript获取表单值传入PowerShell脚本并点击按钮执行

首先明确前提：浏览器默认沙箱限制禁止前端JavaScript直接调用本地系统程序，你可以根据你的使用场景选以下两种常用方案：

方案1：本地HTA工具（无服务端，适合内网域内批量使用） #

这是最适配你需求的方案，把你的HTML文件后缀改成.hta，用IE内核打开即可获得本地系统权限，直接调用PowerShell。

修改后的完整代码： #

<!-- 保存为xxx.hta即可运行 -->
<p>你要添加哪台打印机？</p>
<input type="text" placeholder="打印机名称" id="myInput">

<p>你所在的配送中心是哪个？</p>
<select id="DCdropdown">
<option value=""></option>
<option value="xxx">CMB</option>
<option value="xxx">DS</option>
<option value="xxx">FNO</option>
<option value="xxx">GNWD</option>
<option value="xxx">JAX</option>
<option value="xxx">RMVL</option>
</select>

<button type="button" onclick="runPSScript();">执行</button>

<script>
function runPSScript(){
    // 1. 同时取两个控件的值
    var printerName = document.getElementById("myInput").value.trim();
    var dcValue = document.getElementById("DCdropdown").value.trim();
    
    // 非空校验
    if(!printerName || !dcValue){
        alert("请填写打印机名称并选择配送中心");
        return;
    }

    // 2. 拼接PowerShell调用命令，替换为你本地脚本的实际路径，把两个值作为参数传入
    var psScriptPath = "C:\\你的脚本存放路径\\add_printer.ps1";
    var cmd = `powershell -ExecutionPolicy Bypass -File "${psScriptPath}" -printerName "${printerName}" -dc "${dcValue}"`;

    // 3. 调用系统组件执行命令
    var shell = new ActiveXObject("WScript.Shell");
    shell.Run(cmd, 1, true); // 第二个参数1是显示PowerShell运行窗口，填0则后台运行；第三个参数true是等待脚本执行完再往下走
    alert("脚本执行完成");
}
</script>

对应PowerShell脚本修改： #

你已编写好的PowerShell脚本开头加上参数接收逻辑即可：

param(
    [string]$printerName,
    [string]$dc
)
# 下方直接放你原来的脚本逻辑，直接用上面两个变量即可

方案2：带后端的Web服务场景（用户通过普通浏览器访问） #

如果是需要用户通过普通浏览器访问的公网/内网系统，你需要增加后端服务做中转：

• 前端修改：点击按钮时把两个取值用POST请求传给后端接口
• 后端逻辑：接收两个参数，调用服务端的PowerShell执行脚本，把执行结果返回给前端

注意事项 #

• HTA方案仅支持Windows系统运行，运行时会弹出安全提示，域内环境可以通过组策略配置信任消除提示
• 传入PowerShell的参数需要做特殊字符校验，避免注入风险
• 如果脚本运行需要管理员权限，可以在拼接cmd命令时加上-RunAsAdmin参数

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