溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發(fā)布時間:2020-09-28 16:51:21 來源:億速云 閱讀:152 作者:小新 欄目:web開發(fā)

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

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

先創(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怎么實現文件間自由切換的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI