首頁 > web前端 > js教程 > 主體

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

不言
發布: 2019-01-14 15:14:23
原創
14147 人瀏覽過

如何使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!