【前端】不同方式打开链接的实现

最新推荐文章于 2024-03-02 22:52:00 发布

原创最新推荐文章于 2024-03-02 22:52:00 发布 · 745 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#web #html

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML中超链接target属性的使用方法及各值的含义，包括在新窗口打开链接的_blank，在相同框架或窗口中打开的_self，在父框架集中打开的_parent，在整个窗口中打开的_top，以及在指定框架中打开的framename。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在进行前端开发时，往往会因为设计的要求需要在不同的地方打开超链接窗口。而在超链接中有一个target 属性，它是规定在何处打开 action URL 的一个属性。

属性的值	描述
_blank	在新窗口打开该链接
_self	打开并显示在相同的框架或者窗口中（一般默认为这个）
_parent	在父框架集中打开
_top	在整个窗口中打开
framename	在指定的框架中打开

使用语法：

<a href="a.html" target="_blank"></a>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

人生何事不浮云

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

《前端》同一浏览器之间链接跳转问题--在浏览器中使用指定浏览器打开指定网页

BelleDiao的博客

03-05

5878

如下提供了三种在浏览器中使用chrome浏览器打开指定网页的方案。链接一二效果相同，一采用js的window.open()打开新网页，二采用HTML的<a>打开新网页。（也是重新打开另一个网页，但不是替换当前网页。）链接三采用js的window.open()的方法重新打开新的对话窗口。完整代码如下： <!DOCTYPE html> <html lang...

web前端后端的连接：Servlet简单演示

z_p1754的博客

11-19

6242

一.简介 1.项目中我们一般使用IDEA用作后端开发，HBuilderX用作前端开发。要实现前后端的连接，需要通过Servlet来实现。 2.什么是servlet呢？ Servlet（Server Applet）是Java Servlet的简称，称为小服务程序或服务连接器，用Java编写fu'w端程序，具有独立于平台和x协议的特性，主要功能在于交互式地浏览和生成数据，生成动态Web内容。二 .步骤 ...

参与评论您还未登录，请先登录后发表或查看评论

前端 window.open()打开链接（16:9）（相对于32:9的大屏）

zxl_start的博客

04-21

1889

前端 window.open()打开链接（16:9）（相对于32:9的大屏）（打开浏览器） let strWindowFeatures = `width=1920,height=1080,left=${window.outerWidth / 4},menubar=yes,location=yes,resizable=yes,scrollbars=true,status=true` window.open(v.url, 'newWindow', strWindowFeat

打开链接窗口的几种方式

qq_42306286的博客

09-21

3082

1.直接打开链接 <a href= ”url ” > Window.location.href=”url” 2.打开新窗口 <a href=” url”> Window.open(“url”, ”_blank”) 3.打开同级tab function openTag(name,url){ top.addurl(name,name,url,''); ...

前端学习之路Electron——利用electron浏览器打开外部链接

HarryHY的博客

04-21

4303

demo.html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...

同一html页面中不同链接的不同样式

weixin_34191845的博客

03-02

981

超链接的样式有： a:link 链接未点击上去时候 a:visited 链接已经点击过的 a:hover 鼠标放在链接上未点击 a:active 是介于hover visited 之间的一个状态，可以说是链接被按下时候的状态大家都知道想要设置统一的连接样式，只要在css文件中设置a:link,a:visited,ahover,a:active就行了。可以设置全局的连接样式。比如： ...

web前端打开弹出窗口在扩展屏幕显示（presentation谷歌版本）

08-12

"web前端打开弹出窗口在扩展屏幕显示（presentation谷歌版本）"这一技术主题，主要涉及使用谷歌浏览器支持的presentation API来实现这样的功能。这个API是HTML5的一个特性，允许网页内容在连接的外部显示器或投影...

蓝牙前端打开和扫描设备

最新发布

07-19

蓝牙前端打开和扫描设备的能力不仅仅局限于硬件部分，软件的配合也是关键。开发者在编写蓝牙应用时，需要考虑各种操作系统对于蓝牙协议栈的支持情况，并且需要遵循蓝牙技术联盟制定的标准。在开发过程中，开发者需要...

golang实现的简单的聊天室，前端使用html+js，后端使用golang完成socket的长连接

12-29

打开goland IDE 下载外部引用库文件建议设置一下 Proxy : https://goproxy.io 下载速度嗖嗖嗖的提升 3.打包编译 go build main 4.直接部署复制打包好的main.exe 和 html 文件夹目录到服务器完成部署 5....

前端开发WebSocket封装实现断网重连与自动心跳：提升实时数据传输稳定性及用户体验

06-05

接着，文章通过创建一个自定义的WebSocketClient类，逐步实现了以下功能：初始化连接、处理各种事件（如打开、消息、关闭、错误）、发送消息、关闭连接。在此基础上，进一步添加了断网重连机制，包括记录重连次数、...

前端之路（六）—— 超链接

popping_Sun的博客

01-26

2380

超链接在日常生活中，我们经常见到，它让我们浏览网页更加直观与方便，日常开发中，超链接也必不可少。今天我们就来总结一下超链接及其用法。什么是超链接首先我们明确一下超链接的定义。超链接使我们的文档连接到任何其他文档，也可以链接到指定稳步。几乎所有网络内容转换为链接，当然最常见的就是网页地址。创建一个超链接 <a href="https://www.baidu.com">百度</a> 这是一个简单的超链接，点击会跳转到百度。从上面代码不难看出超链接的标签是<a&gt

打开新链接四种方式 + 前进后退刷新+获取窗口大小+分段获得url中各个部分 + BOM

weixin_50885665的博客

11-15

1267

打开新链接4种方式 1. 在当前窗口打开新连接, 可后退: html: <a href="url" target="_self"> js: window.open("url", "_self"); 2. 在当前窗口打开新连接，禁止后退: js: location.replace("新url") 3. 在新窗口打开，可打开多个: html: <a href="url" target="_blank"> js: window.open("url", "_blank");

前端标签内打开新的网址

MBAI的博客

04-01

480

使用这个标签就可以实现代码 <iframe :src="url" frameborder="0" width="100%" height="320px" scrolling="auto" ></iframe>

前端学习day2（外链接标签）

m0_67316957的博客

06-24

407

基本使用格式标签名内部链接的链接名无需加http://www.直接写链接名空链接空链接下载链接下载链接exe或者zip图片视频都可以添加外部链接 锚点链接，通过锚点链接可以快速定位到我们要获取信息的位置，方便阅读。在所需跳转的标识处添加页面跳转标签，格式为#名字在对应的位置处加上语句id="所设定...

html链接外部路径,Web前端

weixin_35562225的博客

06-15

259

课程主题HTML5基础、CSS3基础、切图、综合项目：小U课堂、HTML5进阶、 CSS3进阶、综合项目：小U商城、综合项目：响应式布局实战项目PC端项目：小U课堂静态页面布局、移动端项目：小U商城移动端项目、响应式项目：小U商城后台管理系统培养方向1.熟练使用前端开发IDE:vscode编辑器；2.掌握HTML5基础和HTML5进阶中的常用标签；3.掌握CSS基本语法和文字字体属性；4.掌握盒模...

Web前端开发：链接标签的运用与技巧

m0_69771795的博客

03-02

451

在本次上新课程之前，我们将先进行上期知识的回顾，涵盖上期所学内容。随后，我们将迎来新知识的上新阶段。具体流程包括一、上期回顾；二、知识上新。这种安排有助于巩固之前学到的知识，并为新的学习内容打下基础。

前端篇 -- 链接跳转，打开新窗口和本窗口

小达的博客

01-10

7213

在新窗口打开连接方式超链接<a href="www.123.com" title="123" target="_blank">123</a>等效于js代码window.open(“www.123.com");在当前窗口打开新连接超链接<a href="www.123.comt" title="123">123&amp

前端入门 VUE界面要怎么载入外部链接

yunduanaoligei的博客

09-28

1829

今天分享下”前端入门 VUE界面要怎么载入外部链接“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。前后端分离，后面给予了插口。但有一部分数据信息，较为产品说明文档，是出现其它的云服务器上的。因此，在页面表明的情况下，假如以页面嵌入的形式表明这一表明文档。必须搞点事儿以实现需要的实际效果。不一样往常的IFRAME标识，那类方法较为Low，此外有其余的一些BUG。文中思路是把HTML要求至今，以v-html的形

js识别匹配链接

Super_666的博客

11-15

314

终于解决了，最开始的正则表达式不能匹配“#”的，找了半天的问题。唉，有调试还是比较快的，赶上vpn不能翻墙，调不了js,以下是解决的代码。

前端按钮怎么实现点击打开连接

05-05

可以通过添加一个超链接标签来实现点击打开连接。例如： ```html <a href="https://www.example.com">点击打开链接</a> ``` 在这个例子中，按钮的文本是“点击打开链接”，当用户点击按钮时，它将打开一个新的浏览器标签页，并显示 https://www.example.com 网站。你可以将 href 属性设置为任何你想要的网址，这样用户点击按钮时就会跳转到相应的链接。