1. 程式人生 > >js實現網頁跳轉腳本

js實現網頁跳轉腳本

fun true proc button dea js代碼 EDA 按鍵 復制

為什麽要寫這個腳本

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

前提條件

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

上代碼


<!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>

使用

將上面的代碼復制到桌面的新建文檔裏

技術分享圖片

另存為--文件的後綴名要改成.html 保存類型:所有文件 編碼選擇UTF-8 不然沒法顯示中文

技術分享圖片

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

技術分享圖片

雙擊打開

技術分享圖片

點擊新建窗口打開

技術分享圖片

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

技術分享圖片

完成

技術分享圖片

可以自行更改的代碼

  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實現網頁跳轉腳本