如何基于HTA实现带输入框与3个按钮的多批处理运行GUI？

嘿，刚好我经常用HTA给批处理做GUI，直接给你整个混合脚本得了——不用分开写批处理和HTA文件，一个文件搞定所有需求，完美适配你的3个批处理+参数输入的场景：

:: 批处理部分开始
@echo off
setlocal enabledelayedexpansion

:: 调用自身的HTA界面
for /F "delims=" %%a in ('mshta.exe "%~F0"') do set "HTAreply=%%a"

:: 解析HTA返回的指令，执行对应的批处理
if "!HTAreply:~0,4!"=="run1" (
    echo 正在执行批处理1...
    call "batch1.bat"
) else if "!HTAreply:~0,4!"=="run2" (
    echo 正在执行批处理2...
    call "batch2.bat"
) else if "!HTAreply:~0,4!"=="run3" (
    :: 提取输入的参数（用|作为分隔符）
    for /F "delims=| tokens=2" %%p in ("!HTAreply!") do set "inputParam=%%p"
    echo 正在执行批处理3，参数：!inputParam!
    call "batch3.bat" "!inputParam!"
)

pause
goto :EOF
:: 批处理部分结束，下面是HTA界面代码
<html>
<head>
<hta:application 
    id="BatchGUI"
    applicationname="批处理GUI启动器"
    border="thin"
    caption="yes"
    maximizebutton="no"
    minimizebutton="yes"
    showintaskbar="yes"
    singleinstance="yes"
    sysmenu="yes"
    windowstate="normal"
    innerwidth="350"
    innerheight="180"
>
<style>
    body { font-family: Arial, sans-serif; padding: 20px; background-color: #f0f0f0; }
    .button-container { margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap; }
    button { padding: 10px 20px; font-size: 14px; cursor: pointer; background-color: #4CAF50; color: white; border: none; border-radius: 4px; }
    button:hover { background-color: #45a049; }
    #paramInput { padding: 8px; width: 100%; box-sizing: border-box; margin-top: 10px; font-size: 14px; }
    .label { font-size: 14px; font-weight: bold; }
</style>
<script>
    function runBatch(batchId) {
        let reply = batchId;
        // 如果是需要参数的批处理（这里设为第3个），读取输入框内容
        if (batchId === "run3") {
            const param = document.getElementById("paramInput").value.trim();
            reply = `${batchId}|${param}`;
        }
        // 将结果返回给批处理，然后关闭窗口
        window.close(reply);
    }
</script>
</head>
<body>
    <div class="label">请选择要执行的批处理：</div>
    <input type="text" id="paramInput" placeholder="输入批处理3的参数（可选）" />
    <div class="button-container">
        <button onclick="runBatch('run1')">执行批处理1</button>
        <button onclick="runBatch('run2')">执行批处理2</button>
        <button onclick="runBatch('run3')">执行批处理3（带参数）</button>
    </div>
</body>
</html>

• 替换批处理文件名：把代码里的batch1.bat、batch2.bat、batch3.bat换成你自己的3个批处理文件的完整路径（如果和这个脚本不在同一目录的话）
• 调整参数绑定：如果需要参数的是其他批处理，只需要修改runBatch函数里的判断逻辑，比如把batchId === "run3"改成batchId === "run1"就行
• 美化界面：HTA里的CSS样式可以随便改，比如调整窗口大小（修改innerwidth和innerheight）、按钮颜色、字体等等
• 多参数支持：如果你的批处理需要多个参数，可以修改输入框的逻辑，比如用逗号分隔参数，然后在批处理里拆分

直接双击这个脚本就行，会弹出GUI窗口，输入参数（如果需要的话），点击对应的按钮就会自动执行批处理。

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