js實現網頁跳轉腳本

爲何要寫這個腳本

生活中不少時候會常常登陸一個論壇或者網頁
可是每次打開瀏覽器都要輸一遍網址,或者點開收藏的書籤
這樣遠遠不如在桌面上打開文件點兩下快,還能裝X,多好javascript

前提條件

須要會一些基礎的html,javascript代碼html

上代碼

<!DOCTYPE html>
<html>
<head>
    <title>js腳本</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
    <script type="text/javascript">    //調用javascript
    function openWindow(){    //調用函數
         var message=confirm("是否打開")    //點擊按鈕是彈出的內容
         if(message==true)    //判斷語句,if 若是點是,則建立一個窗口....
         {
                     window.open('https://home.51cto.com/space?uid=14299999','_blank','width=400,height=500')
                         //打開設定的網址,新建一個窗口,寬400像素,高500像素
         }
         else    //若是沒點是
         {
               document.write("從新選擇")    //返回的值
         }
    }
    </script>
</head> 
<body>
    <input type="button" value="新窗口打開網站" onclick="openWindow()" />
</body>
</html>

使用

將上面的代碼複製到桌面的新建文檔裏

js實現網頁跳轉腳本

另存爲--文件的後綴名要改爲.html 保存類型:全部文件 編碼選擇UTF-8 否則無法顯示中文

js實現網頁跳轉腳本

完成後桌面會新增一個圖標

js實現網頁跳轉腳本

雙擊打開

js實現網頁跳轉腳本

點擊新建窗口打開

js實現網頁跳轉腳本

瀏覽器有時候可能會攔截腳本文件,點擊容許便可

js實現網頁跳轉腳本

完成

js實現網頁跳轉腳本

能夠自行更改的代碼

  1. var message=confirm("是否打開") //括號裏的內容能夠自定義
  2. window.open('https://home.51cto.com/space?uid=14299999','_blank','width=400,height=500') //鏈接,窗口大小可自定義
  3. document.write("從新選擇") //點否返回的內容可自定義
  4. <input type="button" value="新窗口打開網站" onclick="openWindow()" /> //value的值能夠自定義

拓展

有強迫症想讓按鍵在中間的話,能夠在<body>中加入<center>標籤

js實現網頁跳轉腳本

js實現網頁跳轉腳本

想讓按鍵更大點的話,再加入代碼,大小本身設置

js實現網頁跳轉腳本

js實現網頁跳轉腳本

還有不少js代碼,這裏就不一一細說了,還想進一步瞭解可到各大論壇,或網課平臺進一步學習java

相關文章
相關標籤/搜索