如何从 html 页面打开本地 html 文件？答案

【问题标题】：How to open a local html file from html page?如何从 html 页面打开本地 html 文件？
【发布时间】：2016-06-04 16:02:17
【问题描述】：

我正在尝试从正在运行的 html 文件中打开本地 html 文件。简单来说，当我单击 html 页面中的按钮时，它应该会打开另一个仅存储在我的计算机上的 html 页面。我试过使用href，但它不起作用。我正在使用onclick，所以当我点击按钮时，它会打开一个新窗口，但页面上没有加载html。我只能使用html或Java Script。

这就是我正在做的事情

<html>
     <head>
      <script lang="Java-Script">
       function func()
       {
         var m='<a href="newone.html" target="-blank"></a>';
         document.write(m);
        }
       </script>
      </head>
      <body>
       <input type="Submit" value="click" onclick="func()">
     </body>
    </html>

【问题讨论】：

它是target="_blank"。你得到什么错误？
看看这个答案：stackoverflow.com/a/18246357/1838483
要访问本地文件，您必须使用file:// URL。您的代码在与运行的 html 相同的服务器上查找 newone.html。
您应该避免使用document.write，请参阅spec 中的警告。并使用<script type="text/javascript"> 而不是<script lang="Java-Script">。并且最好添加一个文档类型以避免怪癖模式。并且缺少<title> 元素。
我尝试使用file://，但它仍然无法正常工作。它只是使整个屏幕空白。我的newone.html 与正在运行的文件夹在同一个文件夹中。我需要提供整个路径？

标签： javascript html css

【解决方案1】：

忘记document.write。如果您想向网页添加链接元素（此处不需要），您可以尝试使用document.createElement 和document.body.appendChild。
如果你想通过 Javascript 导航到一个 URL，你可以分配给window.location。
也许您可以先创建一个普通链接，而不是按钮？

【讨论】：

【解决方案2】：

使用 jquery 库。这很容易。给你！

http://fiddle.jshell.net/m7zq9/

【讨论】：