首頁  >  文章  >  web前端  >  JavaScript中開啟連結的幾種方法介紹

JavaScript中開啟連結的幾種方法介紹

不言
不言原創
2019-01-14 15:14:2314120瀏覽

如何使用JavaScript中開啟連結的幾種方法介紹開啟連結?本篇文章我們就來看看使用JavaScript中開啟連結的幾種方法介紹開啟連結的幾種方法介紹。

JavaScript中開啟連結的幾種方法介紹

我們先來看一段程式碼

使用Javascript實作開啟鏈接,需要在location.href中替換要開啟的連結的URL。

location.href = 'http://www.php.cn/blog.html';

透過上述程式碼我們可以開啟指定的連結。

下面我們就來繼續看打開鏈接的幾種方式

如何在新標籤中打開鏈接

在新標籤中打開鏈接,請在window.open的參數中取代要開啟的連結的URL。

window.open('http://www.php.cn/article.html', '_blank');

透過這種方式,我可以打開一個帶有新標籤的連結。

如何在新視窗中開啟連結

要在新視窗中開啟鏈接,需要使用window.open參數指定視窗的大小。

window.open('http://www.php.cn/article.html', null, 'width=500,height=500');

透過這種方式,我們可以在新視窗中開啟連結。

用於開啟連結的按鈕的設定方法

要設定開啟連結的按鈕,需要指定開啟連結到按鈕的onClick事件。

<input type="button" value="打开链接" onClick="document.location=&#39;http://www.php.cn/article.html&#39;;">

透過這種方式,我們可以設定一個按鈕來開啟連結。

以上是JavaScript中開啟連結的幾種方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn