我懂你的困扰——原来的代码在IE里弹出空白窗口，而且你想要完全不需要用户界面事件触发的JSON下载方案对吧？

原代码的问题分析 #

你原来用data URI结合<a>元素模拟点击的方式，在IE里会触发空白窗口，原因有两个：

1. IE 不支持通过data URI和<a>的download属性来触发文件下载，它会直接打开data URI的内容，导致空白窗口。
2. 直接调用click()方法在部分浏览器可能遇到安全限制，尤其是当元素不在DOM树中时。

兼容所有浏览器的无UI下载方案 #

下面的代码用Blob对象替代data URI，同时兼容IE和现代浏览器，全程不需要用户可见的UI元素，也不会弹出额外窗口：

function downloadJSON(data, filename) {
    // 处理IE浏览器的特殊情况
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
        // 把JSON数据转为Blob对象
        const jsonBlob = new Blob([JSON.stringify(data, null, 2)], { 
            type: 'application/json;charset=utf-8' 
        });
        // IE原生API直接保存Blob，无额外窗口
        window.navigator.msSaveOrOpenBlob(jsonBlob, filename);
    } else {
        // 现代浏览器方案
        const jsonBlob = new Blob([JSON.stringify(data, null, 2)], { 
            type: 'application/json;charset=utf-8' 
        });
        // 创建Blob的临时URL
        const blobUrl = URL.createObjectURL(jsonBlob);
        
        // 创建隐藏的<a>元素
        const downloadLink = document.createElement('a');
        downloadLink.href = blobUrl;
        downloadLink.download = filename;
        downloadLink.style.display = 'none';
        
        // 把元素加入DOM（避免部分浏览器的安全限制）
        document.body.appendChild(downloadLink);
        
        // 用事件触发点击，比直接调用click()更可靠
        const clickEvent = new MouseEvent('click', {
            bubbles: true,
            cancelable: true,
            view: window
        });
        downloadLink.dispatchEvent(clickEvent);
        
        // 清理DOM和临时URL，避免内存泄漏
        document.body.removeChild(downloadLink);
        URL.revokeObjectURL(blobUrl);
    }
}

// 使用示例：传入你的JSON数据和文件名
const JSONData = { 
    cars: [
        { make: 'Toyota', model: 'Camry', year: 2023 },
        { make: 'Honda', model: 'Accord', year: 2024 }
    ]
};
downloadJSON(JSONData, 'CarData.json');

方案优势 #

• 无UI交互：全程不需要用户点击任何按钮，也不会显示额外元素。
• 兼容IE：专门处理了IE的原生API，不会弹出空白窗口。
• 更稳定：用Blob替代data URI，适合更大的JSON数据，避免data URI长度限制。
• 内存友好：用完临时URL后立即释放，避免内存泄漏。

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