前端使用window.open打开本地静态的.pdf文件的方法

前端在浏览器中使用`window.open()`打开本地静态的PDF文件通常需要结合HTML5的File API。以下是一个基本步骤：

1. 创建一个HTML按钮，用户点击该按钮触发下载操作：

<button id="downloadButton">点击下载PDF</button>

2. 使用JavaScript监听按钮点击事件，并获取用户的文件选择：

document.getElementById('downloadButton').addEventListener('click', function() {
  var fileInput = document.createElement('input');
  fileInput.type = 'file';
  fileInput.accept = '.pdf'; // 只接受PDF文件
  fileInput.click();
});

3. 当用户选择文件后，处理`change`事件，读取文件内容并创建URL：

fileInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  if (file && window.URL.createObjectURL) { // 判断浏览器支持
    var url = window.URL.createObjectURL(file);
    openPdf(url);
  }
});

4. `openPdf`函数用于实际打开PDF，这里一般会新开窗口或者使用标签页：

function openPdf(url) {
  var win = window.open('', '_blank'); // 打开新窗口
  win.document.write('<iframe src="' + url + '" width="100%" height="600px"></iframe>');
}

注意：由于安全原因，大部分现代浏览器不允许直接打开本地文件，上述代码仅作为演示，在生产环境中可能会遇到跨域限制或者浏览器不支持的情况。