1. 程式人生 > >JS點選按鈕開啟新的獨立頁面

JS點選按鈕開啟新的獨立頁面

https://blog.csdn.net/qq_36409820/article/details/76180643

點選按鈕(button)開啟新視窗(window)
從事前端製作的朋友都有碰到過,需要點選按鈕跳轉到另外一個頁面。只要用到簡單的onclick事件就可以簡單實現效果。
方式一:在原來的視窗上開啟新視窗

 <input type="button" value="點選我看看效果" onclick="window.location='http://linlizhu.cn'" />

方式二:在新開啟的視窗上開啟新視窗

<input type="button" value="點選我看看效果" onclick="window.open('http://linlizhu.cn')" />

方式三:在新開啟的一塊小視窗上開啟新視窗,此視窗沒有選單欄window.showModalDialog(‘http://linlizhu.cn’)

<input type="button" value="點選我看看效果"
     onclick="window.showModalDialog('http://linlizhu.cn')" />

window.showModalDialog()方法用來建立一個顯示HTML內容的模態對話方塊,由於是對話方塊,因此它並沒有
一般用window.open()開啟的視窗的所有屬性。