如何使用 JavaScript 開啟自訂大小的彈出視窗？

彈出一個自訂尺寸的新視窗

在Web 開發中，有時需要為了特定目的打開一個新窗口，例如在社交媒體平台分享內容。但是，使用 target="_blank" 可能無法提供有關新視窗的尺寸和行為的所需自訂選項。

為了控制這些方面，可以利用 JavaScript 來實現所需的結果。考慮以下程式碼片段：

<code class="html"><a href="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>

此程式碼實現以下功能：

1. 刪除 target="_blank" 屬性以防止新分頁開啟。
2. 新增了一個 onclick 處理程序，以便在點擊連結時呼叫 JavaScript。
3. 使用特定參數呼叫 window.open() 函數：
   a. this.href：要共享的 URL。
   b。 'mywin': 新視窗的名稱。
   c.一系列以逗號分隔的屬性：
   i. left 和 top：指定視窗在螢幕上的位置（以像素為單位）。
   ii.寬度與高度：定義視窗的尺寸（以像素為單位）。
   iii. toolbar=1：指定視窗應顯示工具列。
   iv. resized=0：阻止使用者調整視窗大小。

以上是如何使用 JavaScript 開啟自訂大小的彈出視窗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！