How to Control Window Features for Target=\'_blank\' Hyperlinks in HTML?

Managing Window Features in HTML for Target="_blank"

Hyperlinks with a target attribute set to "_blank" open linked content in a new tab or window. To customize the dimensions and appearance of the new window, JavaScript must be employed.

Creating a New Window with Custom Properties

The provided HTML code:

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

Creates a hyperlink that opens Facebook's sharing interface in a new tab. To open it in a window instead, with specific dimensions, use this modified JavaScript-based approach:

<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>

Explanation:

• The onclick attribute triggers a JavaScript function upon clicking the link.
• window.open() creates a new window object, specifying the URL to open.
• The second parameter ('mywin') defines the target window's name.

• The third parameter is a string of window properties, including:

  • left and top specify the initial position of the window.
  • width and height set the window's dimensions.
  • toolbar and resizable control the window's appearance and behavior.

This modified code will open Facebook's sharing interface in a new window, positioned at coordinates (20,20) with dimensions (500,500). It will include a toolbar but not be resizable.

The above is the detailed content of How to Control Window Features for Target=\'_blank\' Hyperlinks in HTML?. For more information, please follow other related articles on the PHP Chinese website!