首页 >web前端 >js教程 >如何使用 JavaScript 在新窗口中打开特定尺寸的 URL?

如何使用 JavaScript 在新窗口中打开特定尺寸的 URL?

Patricia Arquette
Patricia Arquette原创
2024-11-04 04:53:291081浏览

How to Open URLs in New Windows with Specific Dimensions Using JavaScript?

使用 JavaScript 在新窗口中打开 URL

创建“共享按钮”来共享当前页面时,常见的步骤是打开新窗口中当前页面的 URL。虽然获取当前 URL 可能很简单,但定义新窗口的尺寸可能具有挑战性。

要指定新窗口的大小,应使用 JavaScript 函数 window.open()。该函数的语法如下:

window.open("URL", "Window Name", "Window Features");
  • URL: 要打开的页面的 URL。
  • 窗口名称:新窗口的名称(可选)。
  • 窗口功能:以逗号分隔的窗口功能列表,例如:

    • location:在地址栏中显示 URL。
    • height=570:设置窗口的高度。
    • width=520:设置窗口的宽度。

要将这些功能应用到“分享按钮”,可以使用以下 HTML 和 JavaScript 代码:

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>

此代码创建一个带有文本“的链接”共享页面”,点击后,将在新窗口中打开当前页面的 URL,高度为 570,宽度为 520,以及其他功能,如位置栏、滚动条和状态栏。

以上是如何使用 JavaScript 在新窗口中打开特定尺寸的 URL?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn