如何使用 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中文网其他相关文章！