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

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

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-26 04:19:30880瀏覽

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

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