首页 > web前端 > css教程 > 正文

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

Mary-Kate Olsen
发布: 2024-10-26 04:19:30
原创
798 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!