如何在新窗口打开链接?html代码

时间: 2023-03-31 12:00:19 浏览: 208

html 用超链接打开新窗口其可控制窗口属性

5星 · 资源好评率100%

在HTML中，我们经常需要创建超链接来引导用户访问其他页面。然而，有时我们希望这些链接能在新窗口中打开，以便于保持当前页面的状态。这就需要用到JavaScript中的`window.open()`方法，它可以让我们对新打开的窗口进行一系列的自定义设置。 `window.open()`方法的基本语法如下： ```javascript window.open(url, name, features); ``` - `url`：必需，表示要打开的网页的URL。 - `name`：可选，表示新窗口的名称。如果该名称的窗口已经存在，那么它将被重新使用而不是创建新的窗口。 - `features`：可选，用于定义新窗口的特性，如尺寸、位置、工具栏等。例如，要在新窗口中打开百度首页，并设定窗口的大小、位置以及禁用一些功能，可以这样写： ```html <a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=200,width=400,top=50,left=50,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')">点击打开新窗口</a> ``` 在这个例子中，新窗口的高度是200像素，宽度是400像素，位于屏幕的50像素下方和50像素左侧，且没有工具栏、菜单栏、滚动条，不可调整大小，也不显示状态栏。在PHP中，如果需要在超链接中嵌入JavaScript，可能需要处理更多的字符串拼接，特别是当涉及到变量时。下面是一个使用PHP的例子： ```php $openNew = "onclick='" . "'javascript:window.open('host_graphics.php?host_id=$host_id&host_address=$host_address','','height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no, status=no')'" . "'"; echo "<td style='vertical-align: middle;text-align: center;'><a href='#?host_id=$host_id&host_address=$host_address' name='host_click' style='text-decoration:underline;' title='点击查看主机系统监控图' $openNew> $host_name </a></td>"; ``` 这里，`$host_id`和`$host_address`是PHP变量，它们的值会被传递到`host_graphics.php`，通过GET方式获取。这样，当用户点击链接时，新窗口会打开指定的PHP页面，并带有相应的参数。 HTML配合JavaScript的`window.open()`方法可以实现超链接在新窗口中打开，并且允许我们精确地控制新窗口的属性，包括尺寸、位置以及各种界面元素的显示与否。这种技术在网页设计中非常实用，尤其是需要在新窗口中展示详细信息或者保持原窗口不被覆盖的情况下。

可以使用<a>标签来打开链接，其中target属性设置为"_blank"可以在新窗口打开链接。例如：<a href="https://www.baidu.com" target="_blank">百度</a>。

阅读全文

如何在新窗口打开链接?html代码

相关推荐

Javascript控制页面链接在新窗口打开具体方法

VB在新窗口打开链接

jQuery弹出窗口打开链接的实现代码

JQuery实现的在新窗口打开链接的方法小结

如何在HTML中创建打开新窗口的链接

JQ 新窗口打开链接并设置参数

在SharePoint 2010中在新窗口中打开链接

打开链接，在新窗口还是同一窗口

FCKEditor超级链接默认新窗口打开的修改方法

jquery简单实现外部链接用新窗口打开的方法

asp.net在新窗口打开网页

jfrrchart设置动态链接参数点击链接打开一个新窗口

在新窗口打开超链接的方法小结

三种方法让Response.Redirect在新窗口打开

在新窗口打开的跳转菜单 window.open使用介绍

在新窗口中打开一个URL

深入理解HTML超级链接：创建与窗口打开方式

在网页设计中，使用链接标签打开新窗口的方式有哪些？

最新推荐

input链接页面、打开新网页等等的具体实现

javascript实现阻止iOS APP中的链接打开Safari浏览器

HTML5中外部浏览器唤起微信分享功能的代码

Dreamweaver中怎么链接本地视频?

声发射定位算法 Matlab 仿真项目源码+文档说明（高分项目）

Android圆角进度条控件的设计与应用

管理建模和仿真的文件

【R语言lattice包实战】：从案例到技巧，图形制作不再难

输入正整数n.打出长度为n的菱形

mui框架实现带侧边栏的响应式布局