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