点击同一链接时如何同时执行PHP脚本并正常打开PDF文件？

嘿Cesar，我懂你的困扰——既要悄悄执行脚本不弹出空白页，又要正常打开PDF新窗口，之前的iframe和target冲突导致PDF没法正常显示，咱们换个思路就能搞定！

方案一：用JavaScript触发双操作 #

先保留你原来的隐藏iframe用来执行脚本：

<iframe style="display:none;" name="target"></iframe>

然后修改链接，通过onclick事件同时触发两个动作：

<a href="pdf/cesar.pdf" target="_blank" onclick="runScript()">点击这里下载</a>

<script>
function runScript() {
  // 让隐藏iframe加载脚本文件，悄悄执行
  document.querySelector('iframe[name="target"]').src = 'script.php';
}
</script>

这个逻辑很简单：点击链接时，首先触发onclick让iframe加载script.php执行脚本，之后浏览器会正常执行a标签的默认行为——打开PDF新窗口，两个需求互不干扰，完美实现。

方案二：更简洁的内联写法 #

要是不想单独写函数，也可以把逻辑直接嵌在onclick里：

<iframe style="display:none;" name="target"></iframe>
<a href="pdf/cesar.pdf" target="_blank" onclick="document.querySelector('iframe[name=\'target\']').src = 'script.php';">点击这里下载</a>

进阶补充：等待脚本执行完成再打开PDF #

如果你的script.php需要执行完成后再打开PDF（比如依赖脚本返回的结果），可以改用fetch请求脚本，在回调里打开PDF：

<a href="javascript:void(0);" onclick="runScriptThenOpenPDF()">点击这里下载</a>

<script>
function runScriptThenOpenPDF() {
  // 先请求脚本，确保执行完成
  fetch('script.php')
    .then(response => {
      // 脚本执行完成后打开PDF
      window.open('pdf/cesar.pdf', '_blank');
    })
    .catch(error => {
      console.error('脚本执行出错:', error);
      // 即使脚本出错，也可以选择打开PDF
      window.open('pdf/cesar.pdf', '_blank');
    });
}
</script>

这样就完全满足你的需求啦！

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