案例詳細(xì)說(shuō)明HTML如何完成文件間自由切換

代碼很簡(jiǎn)單（大道至簡(jiǎn)嘛）。

先創(chuàng)建一個(gè)文件，文件名嘛隨便，第二個(gè)文件名就不能隨便了，因?yàn)榈綍r(shí)候要調(diào)用第二個(gè)文件。

建好第一個(gè)文件后，用記事本打開(kāi)文件加代碼↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓（記得改文件后綴名）

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

接下來(lái)是第二個(gè)文件了，我這邊起的文件名是jump.html

要改的朋友記得第一個(gè)文件內(nèi)的代碼也改下

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

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

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

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

這兩個(gè)文件放同一文件夾就行。

雙擊第一個(gè)文件，就出現(xiàn)↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

點(diǎn)擊按鈕（jump）

就調(diào)轉(zhuǎn)到另一個(gè)文件了

這樣就完成了文件之間的切換了，趕快實(shí)踐起來(lái)吧！

以上就是實(shí)例詳解HTML如何實(shí)現(xiàn)文件間自由切換的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！