如何使用JavaScript連結轉跳網址方法

7 月 2, 2018 | Javascript, | 0 comments

window.location.href轉跳連結

自己網域轉跳網址

    window.location.href='sethost.php';

轉跳到其他網域,加入網頁http://

    window.location.href='http://www.google.com';

window.open連結另開頁面

    window.open(' 新視窗的網址 ', '新視窗的名稱', config='height=高度,width=寬度');

window.open config 常用參數表

參數參數值與說明
toolbar指定工具列是否顯示,預設是顯示,如果要設為不顯示,寫法是 toolbar=no。
scrollbars指定 scroll bars 是否顯示,要顯示寫法是 scrollbars=yes,不顯示寫法是 scrollbars=no。
resizable訪客是否可以自己調整視窗大小,預設是可以,如果要設為不能調整,寫法是 resizable=no。
location是否顯示網址列,預設是顯示,如果不要顯示,寫法是 location=no。
menubar是否顯示目錄欄位,預設是會顯示,如果不要顯示,寫法是 menubar=no。
status是否顯示狀態列,預設是顯示,如果不要顯示,寫法是 status=no。
left距離左邊的距離,單位是 pixels。
top距離上面的距離,單位是 pixels。

JavaScript window.open 範例

    <a href="#" onclick="window.open(' http://tw.yahoo.com ', 'Yahoo', config='height=500,width=500');">開新視窗</a>

window.open再分頁開啟

若需要再分頁開啟而不是另開視窗,可將不帶其他參數的設定,直接給與網址就可以了。

    window.open("https://www.w3schools.com");