代碼很簡單（大道至簡嘛）。

先創建一個文件，文件名嘛隨便，第二個文件名就不能隨便了，因為到時候要調用第二個文件。

建好第一個文件后，用記事本打開文件加代碼↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓（記得改文件后綴名）

<script>
 function jump(){
  document.location="jump.html";
  }
  </script>
  <input type="button" value="jump" onclick="jump()" />

接下來是第二個文件了，我這邊起的文件名是jump.html

要改的朋友記得第一個文件內的代碼也改下

就是第一個文件的這段代碼-----------》》》》》》document.location="jump.html";

jump.html改成你起的文件名就行。

然后嘛就是代碼了↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓（記得改文件后綴名）

<input type="text" value="Hello Woeld" />

這兩個文件放同一文件夾就行。

雙擊第一個文件，就出現↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

點擊按鈕（jump）

就調轉到另一個文件了

這樣就完成了文件之間的切換了，趕快實踐起來吧！

以上就是實例詳解HTML如何實現文件間自由切換的詳細內容，更多請關注php中文網其它相關文章！