小編給大家分享一下實例詳解HTML怎么實現文件間自由切換，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10年積累的網站設計、網站建設經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先建設網站后付款的網站建設流程，更有永昌免費網站建設讓你可以放心的選擇與我們合作。

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

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

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

<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怎么實現文件間自由切換的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯網站制作公司行業資訊頻道！

本文標題：實例詳解HTML怎么實現文件間自由切換-創新互聯
文章URL：http://vcdvsql.cn/article20/dgohjo.html

成都網站建設公司_創新互聯，為您提供網站建設、商城網站、品牌網站制作、響應式網站、企業建站、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯