首頁 > web前端 > css教學 > 主體

如何使用 JavaScript 使用 `target=\'_blank\'` 在自訂視窗中開啟連結?

Susan Sarandon
發布: 2024-11-02 23:11:29
原創
356 人瀏覽過

How to Open Links in Custom Windows with JavaScript Using `target=

Target="_blank" HTML 連結:使用JavaScript 擴充選項

使用目標時建立具有特定尺寸的新瀏覽器視窗可能具有挑戰性HTML 錨標記中的="_blank" 屬性。在 Mozilla Firefox 中,此屬性通常會在新分頁而不是新視窗中開啟連結。

要克服此限制並在使用者點擊連結時為使用者提供自訂窗口,您可以利用 JavaScript 的強大功能。操作方法如下:

<a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',<br>'左= 20,頂部= 20,寬度= 500,高度= 500,工具列= 1,可調整大小= 0');“ >分享此</a><br>

此程式碼將開啟一個具有以下規範的新視窗:

  • window.open( ...): 開啟新的瀏覽器視窗。
  • this.href: 表示您正在點擊的連結的 URL。
  • 'mywin': 設定新視窗的名稱,用於識別。
  • 'left=20,top=20': 指定視窗在螢幕(距左側 20 像素,距頂部 20 像素)。
  • 'width=500,height=500': 設定視窗的寬度和高度(以像素為單位)。
  • 'toolbar=1': 啟用瀏覽器工具列。
  • 'ressized=0': 使視窗無法調整大小。

透過將 JavaScript 合併到 HTML 連結中,您可以自訂使用者點擊連結時開啟的新視窗的行為和外觀。這種技術可以更好地控制使用者體驗,並提供在單獨視窗中顯示內容的靈活選項。

">
登入後複製

以上是如何使用 JavaScript 使用 `target=\'_blank\'` 在自訂視窗中開啟連結?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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