實例詳解HTML怎么實現文件間自由切換-創(chuàng)新互聯(lián)

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

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

代碼很簡單(大道至簡嘛)。

先創(chuàng)建一個文件,文件名嘛隨便,第二個文件名就不能隨便了,因為到時候要調用第二個文件。

建好第一個文件后,用記事本打開文件加代碼↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓(記得改文件后綴名)

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

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

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

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

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

實例詳解HTML怎么實現文件間自由切換

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

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

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

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

實例詳解HTML怎么實現文件間自由切換

點擊按鈕(jump)

就調轉到另一個文件了

實例詳解HTML怎么實現文件間自由切換

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

以上是實例詳解HTML怎么實現文件間自由切換的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)網站制作公司行業(yè)資訊頻道!

本文標題:實例詳解HTML怎么實現文件間自由切換-創(chuàng)新互聯(lián)
文章URL:http://bm7419.com/article20/dgohjo.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站建設商城網站、品牌網站制作響應式網站企業(yè)建站、云服務器

廣告

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

成都網頁設計公司