使用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>