如何使用 HTML 和 JavaScript 開啟具有特定尺寸和功能的新視窗？

使用Target="_blank" 在HTML 中開啟新視窗

在HTML 中，target="_blank" 屬性告訴瀏覽器開啟點擊連結時出現一個新視窗。但是，此屬性不提供對新視窗的大小或位置的控制。

例如，考慮以下程式碼：

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>

在 Firefox 中，此程式碼將開啟 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>

以下是window.open() 函數中每個參數的作用：

• this.href: 要開啟的頁面的URL。
• 'mywin': 新視窗的名稱。
• 'left=20,top=20' : 視窗的左側和頂部位置。
• 'width=500,height=500': 視窗的寬度和高度。
• 'toolbar=1':是否顯示工具列。
• 'ressized=0':視窗是否可以調整大小。

使用此方法，當您按一下具有 target="_blank" 的連結時，您可以開啟一個包含所需尺寸和自訂選項的新視窗。

以上是如何使用 HTML 和 JavaScript 開啟具有特定尺寸和功能的新視窗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！