首页  >  文章  >  web前端  >  如何控制 HTML 中 Target=\"_blank\" 超链接的窗口功能?

如何控制 HTML 中 Target=\"_blank\" 超链接的窗口功能?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-26 04:19:30796浏览

How to Control Window Features for Target=

在 HTML 中管理 Target="_blank" 的窗口功能

目标属性设置为“_blank”的超链接会打开链接内容新选项卡或窗口。要自定义新窗口的尺寸和外观,必须使用 JavaScript。

使用自定义属性创建新窗口

提供的 HTML 代码:

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

创建一个超链接,在新选项卡中打开 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>

说明:

  • onclick 属性触发器单击链接时的 JavaScript 函数。
  • window.open() 创建一个新窗口对象,指定要打开的 URL。
  • 第二个参数 ('mywin') 定义目标窗口的名称.
  • 第三个参数是一串窗口属性,包括:

    • left 和 top 指定窗口的初始位置。
    • width 和height 设置窗口的尺寸。
    • 工具栏和可调整大小控制窗口的外观和行为。

此修改后的代码将在新窗口中打开 Facebook 的共享界面,位于坐标 (20,20) 处,尺寸为 (500,500)。它将包含一个工具栏,但不能调整大小。

以上是如何控制 HTML 中 Target=\"_blank\" 超链接的窗口功能?的详细内容。更多信息请关注PHP中文网其他相关文章!

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