看来你现在的核心问题是：直接用window.open打开PDF路径时，要么在当前窗口触发下载，要么弹窗直接加载PDF而非触发下载。咱们可以调整逻辑，先打开空白弹窗，再在弹窗内部创建下载链接来完成下载，完美匹配你的需求。

具体实现代码 #

先修改HTML中的日期链接，让它调用自定义的JavaScript函数：

<a href="javascript:void(0)" id="dateLink" style="cursor: pointer; color: rgb(14, 87, 193); text-decoration: none;">点击日期下载PDF</a>

然后添加对应的JavaScript逻辑：

function downloadPDFInPopup() {
  // 打开空白弹窗
  const popup = window.open('', 'mypopuptitle', 'width=600,height=400');
  
  if (!popup) {
    // 处理弹窗被浏览器拦截的情况
    alert('弹窗被浏览器拦截，请允许弹窗权限后重试');
    return;
  }

  // 在弹窗中创建隐藏的下载链接
  const downloadLink = popup.document.createElement('a');
  downloadLink.href = 'C://Users//abcd//Desktop//freeformatter-decoded.pdf';
  // 设置download属性强制触发下载，文件名可自定义
  downloadLink.download = 'freeformatter-decoded.pdf';
  
  // 将链接添加到弹窗DOM并触发点击
  popup.document.body.appendChild(downloadLink);
  downloadLink.click();
  
  // 移除临时创建的链接（可选）
  popup.document.body.removeChild(downloadLink);
}

// 给日期链接绑定点击事件
document.getElementById('dateLink').addEventListener('click', downloadPDFInPopup);

关键逻辑说明 #

• 先打开空白弹窗：window.open('', '窗口标题', '窗口参数')，第一个参数传空字符串就能打开空白页面。
• 利用a标签的download属性：这个属性会告诉浏览器触发下载操作，而非直接打开文件，这是实现弹窗内下载的核心。
• 弹窗内触发点击：把创建好的下载链接添加到弹窗的DOM中，模拟点击动作来触发下载流程。

注意事项 #

• 如果是本地文件路径，部分浏览器可能有安全限制，建议在本地服务器环境下测试（比如用VSCode的Live Server插件启动服务）。
• 一定要处理弹窗被拦截的情况，给用户明确提示，避免出现无响应的尴尬场景。

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