Edge中URL参数未被处理：window.open打开CFM文件时问号变下划线

我之前处理类似场景时也碰到过Edge浏览器的这个奇葩问题，给你几个经过验证的解决方案：

1. 对完整URL进行编码后再调用window.open #

Edge有时候会对直接拼接的URL做错误的字符转义，把问号替换成下划线就是典型情况。你可以先把完整URL用encodeURI()处理一遍，确保特殊字符被正确识别：

// 先拼接完整URL再编码
const reportUrl = `amal_reports/rpt_change_indicator_notes.cfm?batch=${selBatch}`;
const encodedUrl = encodeURI(reportUrl);
window.open(encodedUrl);

编码后的URL会被Edge正确解析，不会出现问号被替换的情况。

2. 确保服务器端设置正确的响应头 #

另外，这个问题也可能和CFM文件返回的响应头有关，如果Edge识别不到正确的文件类型，就会出现解析异常。你需要在CFM页面的服务器端代码里添加正确的响应头，告诉浏览器这是Excel文件：

<!--- 在CFM文件开头添加以下代码 --->
<cfheader name="Content-Type" value="application/vnd.ms-excel">
<cfheader name="Content-Disposition" value="inline;filename=change_indicator_notes.xls">

同时调用window.open时指定窗口目标参数，避免Edge的默认解析逻辑干扰：

window.open(`amal_reports/rpt_change_indicator_notes.cfm?batch=${selBatch}`, "_blank");

3. 改用表单提交或直接跳转的方式 #

如果window.open的方式始终有问题，你可以换一种参数传递方式，比如用隐藏表单提交，这种方式稳定性更高：

<!--- 页面中添加一个隐藏表单 --->
<form id="reportSubmitForm" action="amal_reports/rpt_change_indicator_notes.cfm" method="get" target="_blank" style="display:none;">
  <input type="hidden" name="batch" id="batchParam">
</form>

然后用JavaScript设置参数并提交：

document.getElementById("batchParam").value = selBatch;
document.getElementById("reportSubmitForm").submit();

或者更简单的直接跳转：

location.href = `amal_reports/rpt_change_indicator_notes.cfm?batch=${selBatch}`;

问题根源 #

Edge在处理需要唤起外部应用（比如Excel）的URL时，会有一套特殊的解析逻辑，当URL是直接拼接的动态参数时，容易触发错误的字符转义，把问号这类特殊字符替换成下划线，导致参数无法被服务器识别，同时浏览器误判文件类型。通过编码URL、规范响应头或者更换参数传递方式，都能有效规避这个问题。

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