首頁 > web前端 > css教學 > 如何控制 HTML 中 Target=\'_blank\' 超連結的視窗功能?

如何控制 HTML 中 Target=\'_blank\' 超連結的視窗功能?

Mary-Kate Olsen
發布: 2024-10-26 04:19:30
原創
879 人瀏覽過

How to Control Window Features for Target=

在HTML 中管理Target="_blank" 的視窗功能

目標屬性設定為「_blank」的超連結會開啟連結內容新選項卡或視窗。要自訂新視窗的尺寸和外觀,必須使用 JavaScript。

使用自訂屬性建立新視窗

提供的HTML 程式碼:

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>
登入後複製

建立一個超鏈接,在新分頁中開啟Facebook 的分享介面。要在具有特定尺寸的視窗中開啟它,請使用此修改後的基於JavaScript 的方法:

<code class="html"><a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">Share this</a></code>
登入後複製

說明:

  • onclick 屬性觸發器點擊連結時的JavaScript 函數。
  • window.open() 建立一個新視窗對象,指定要開啟的 URL。
  • 第二個參數('mywin') 定義目標視窗的名稱.
  • 第三個參數是一串視窗屬性,包括:

    • left 和top 指定視窗的初始位置。
    • width 和height 設定視窗的尺寸。
    • 工具列和可調整大小控制視窗的外觀和行為。

此修改後的程式碼將在新視窗中開啟 Facebook 的共用介面,位於座標 (20,20) 處,尺寸為 (500,500)。它將包含一個工具欄,但不能調整大小。

以上是如何控制 HTML 中 Target=\'_blank\' 超連結的視窗功能?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板