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

Question

我想知道如何从一个页面切换到另一个页面，我的PC上的本地文件都是HTML文件。

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

我尝试导航的文件是＆＃34; About_Us.html＆＃34;

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/

我正在做的就是改变＆＃34; src＆＃34; ＆＃34; iframe＆＃34;使用jQuery（你应该学习一个非常有用的JS库）

实施例

两个按钮...... 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>