使用Javascript在本地HTML文件之间导航

Question

我想知道如何从一个页面交换到另一页面，这两个本地文件都以HTML文件形式保存在PC上。

我想我会将HTML制成的按钮链接到脚本，但是不幸的是，我不知道从哪里开始。

我要导航到的文件是“ About_Us.html”

Answer 1

查看href属性。

<a href="About_Us.html">Visible Text Here</a>
<!-- You might need to use a different path if the file is in a different directory, for example href="../About_Us.html" -->

使用按钮执行此操作的快速方法

<input type=button onClick="location.href='About_Us.html'" value='Visible Text Here'>

Answer 2

如果我是对的，那么您想要一个脚本，该脚本可以在您的计算机上加载任何随机的.html文件，然后又切换回...

使用iFrame
您可以使用一些按钮来切换iframe的src属性。请查看此js小提琴：
http://jsfiddle.net/ProgrammerKid/p0kktLdj/

我所做的所有事情都是使用jQuery（您应该学习的非常有用的JS库）更改“ iframe”的“ src”

---

例

两个按钮... 1 iFrame ...

<iframe src="no_where_yet"></iframe>

第一个按钮：将iFrame更改为访问cnn.com

变化：

<iframe src="no_where_yet"></iframe>

至：

<iframe src="http://cnn.com"></iframe>

第二个按钮：更改iFrame转到w3schools.com

变化：

<iframe src="http://cnn.com"></iframe>

至：

<iframe src="http://w3schools.com"></iframes>