我太懂你这种憋屈感了——点按钮能顺利打开谷歌，但就是搞不定本地HTML文件，试了现有方案也没用，还摸不清错在哪。咱们一步步拆解问题，给你靠谱的解决办法：

先搞懂核心问题 #

打开外部网站（比如谷歌）能成功，是因为浏览器默认允许加载HTTP/HTTPS协议的外部资源；但本地文件属于file://协议，浏览器出于安全考量，对这类本地资源的加载有特殊规则，再加上路径写法可能出错，就导致了加载失败。

具体解决方案 #

1. 先把本地文件路径写对

这是最常见的坑：

• 如果是直接打开本地HTML文件（没通过服务器），要给路径加上file://协议前缀。比如你的文件在C:\Users\你的用户名\Desktop\visual.html，那正确的写法是：

  <a href="file:///C:/Users/你的用户名/Desktop/visual.html" target="_blank"><input type="button" value="Visualisation"></a>
  

  注意：Windows系统要把路径里的反斜杠\改成正斜杠/，而且协议是三个斜杠file:///。
• 如果本地文件和当前页面在同一个文件夹里，也可以用相对路径，比如href="./visual.html"，但要确保两个文件确实在同一目录下。

2. 换更可靠的代码写法（避免标签嵌套的潜在问题）

HTML规范其实不建议把按钮这类元素嵌套在<a>标签里，可能有兼容性问题。换成JavaScript实现点击打开，更稳妥：

<input type="button" value="Visualisation" onclick="openLocalPage()">
<script>
function openLocalPage() {
  // 替换成你的本地文件正确路径
  window.open('file:///C:/Users/你的用户名/Desktop/visual.html', '_blank');
}
</script>

3. 解决浏览器的本地文件安全限制

有些浏览器（比如Chrome）默认限制file://协议的跨目录访问，或者禁止从本地HTML加载其他本地文件，这时候可以试试这两个办法：

• 用本地简易服务器打开文件：在你的HTML文件所在目录，打开命令行运行python -m http.server 8000（需要安装Python3），然后在浏览器访问http://localhost:8000/你的页面文件名.html，这时用相对路径href="./visual.html"就能正常打开同目录的本地文件了。
• 调整浏览器启动参数：比如Chrome，可以右键快捷方式→属性，在“目标”栏的末尾加上 --allow-file-access-from-files（注意和原目标之间有空格），重启浏览器后再打开你的本地HTML文件，就能绕过安全限制了。

先从路径检查开始排查，这是最容易出错的地方；如果路径没问题，就换JavaScript的写法试试；要是还不行，基本就是浏览器安全限制的锅，用本地服务器或者调整启动参数就能解决啦。

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