a rel=noopener

最新推荐文章于 2023-01-30 14:17:43 发布
最新推荐文章于 2023-01-30 14:17:43 发布
阅读量123 收藏
点赞数
原文链接：http://www.cnblogs.com/intangible/p/10711937.html
版权

　　看vue-element-admin的源码的时候，看到a 标签使用  rel=noopener； 然后就很奇怪这个是干什么用的；然后百度到一篇文章，涨知识了。

个人的理解是：不加 rel=noopener 的 a 标签的链接，打开后可以获取到当前的window ，可能到导致一些非法操作。详情见此文章。

对此，我们应该对一些外链添加此属性。

转载于:https://www.cnblogs.com/intangible/p/10711937.html

weixin_30725315
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
危险的 target=_blank 及 rel=noopener
小小小的骆驼的前端技术博客
08-10 1716
在编写 js 代码时有时候会出现以下报错： jsx-no-target-blank[ESLint] 具体可以访问源码地址 究其原因，是因为：默认的 a 标签链接，如果设置 target=_blank 时，则在新窗口能够通过全局对象的 opener 属性拿到原 tab 的引用，此时可能会引发黑客攻击等危险 其中，一篇英文博客写的很好，下面引用的例子也是引用该博客的示例 新开窗口属于同源时 先进入https://mathiasbynens.github.io/rel-noopener/ 然后点击第一个示例：“
程广坤 | 友情链接加： rel=”noopener noreferrer”是否和nofollow一样不传递权重？
程序人生
01-10 1421
最近有小伙伴和我咨询，发下自己网站友情链接交换的对象网站中有对友链进行加 rel=”noopener noreferrer”这样的一个标签，导致他比较疑惑，是否加了这个标签会有什么影响，，还可以正常进行权重传递吗？ 针对这个问题，下面和大家具体讲解下关于 rel=”noopener noreferrer”的作用： 1、什么是 noreferrer 标签？ 简而言之，noreferrer ...
聊聊a标签的rel="noopener"
薛定喵君的博客
11-17 2126
记一下noopener属性用途 # 属性作用的页面示例 页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
a标签上的rel=noopener
程小博衍的博客
01-30 685
a标签上的rel=noopener
关于a标签target=“_blank"使用rel=noopener
weixin_34208283的博客
04-23 610
一、为什么要使用rel='noopener'？ 先举个栗子 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initia
关于a标签的rel=nooppener
摇摆小仙的博客
10-25 891
刚刚看到了一个前端方面的问题 html的a标签属性rel="noopener"有什么作用？ a标签用了这么久也没见过这个玩意儿, 真是惭愧, 所以特意研究了一下,写在这里作为笔记吧. 首先, rel=noopener 和 rel= noreferrer 这两个属性是为了解决安全性问题 当你使用 target=_blank 打开一个新的标签页时, 新页面的 window 对象上有一个属性 ope...
WEB - 关于rel="noopener"
anchenhe9360的博客
02-10 452
参考网址 https://mathiasbynens.github.io/rel-noopener/ 例子 <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. target="_blank"会打开一个新tab，如果不加rel="noope...
针对网站链接-使用rel=”nofollow”属性提升网站seo
itclanCoder
03-19 307
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）seo的优...
<a href="https://www.example.com" target="_blank" rel="noopener noreferrer" download="example.pdf" title="Example Link">Example Link</a>这段代码具体意思说下
06-08
- `rel="noopener noreferrer"`：指定该链接与页面之间的关系，其中 `noopener` 和 `noreferrer` 分别表示在打开链接的新窗口中不允许访问原始窗口的属性，以增强安全性。 - `download="example.pdf"`：指定该链接应...
<a data-url="" rel="" class="base-dropdown-item" data-v-c872df60>这段代码具体意思说下
最新发布
06-08
- `rel=""`：该属性为空，用于指定链接与页面之间的关系，如nofollow、noopener、noreferrer等。 - `class="base-dropdown-item"`：指定该链接的类名为 "base-dropdown-item"，用于为该链接添加样式或绑定事件。 - `...
html 链接nofollow,超链接的noopener、noreferrer以及nofollow属性
weixin_42384267的博客
06-29 709
项目中有条eslint规则 react/jsx-no-target-blank，当代码中有超链接且是新页打开的情况下，如果你没有加上 rel="noopener noreferrer" 时，就会出现下面的报错：Usingtarget="_blank"withoutrel="noopenernoreferrer"isasecurityrisk:seehttps://mathias...
标签属性rel=“noopener noreferrer“的作用及含义
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
09-15 3172
下面说说a标签rel="noopener noreferrer"属性的作用那么rel="noopener noreferrer"是什么意思？超链接a标签的rel="noopener noreferrer"属性是一种新特性，它能让网站更安全，超链接添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null。
a标签rel=”noopener noreferrer”属性的作用详解
热门推荐
CamilleZJ的博客
09-15 1万+
<a href="https://www.xinshouzhanzhang.com/" target="_blank">跳转到一个新页面</a> 没有rel=“noopener noreferrer”的情况下使用target=“_blank”是有安全风险，超链接a标签的rel="noopener noreferrer"属性是一种新特性，它能让网站更安全，超链接添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null.
a标签属性 rel=noopener noreferrer
Love Code
07-03 5288
当你浏览一个页面点击一个a标签链接跳转到另一个页面时，&lt;a href="http://www.baidu.com" target="_blank"&gt;百度&lt;/a&gt;在新打开的页面（http://www.baidu.com）中可以通过 window.opener 获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如 location 就不存在跨域问题）。rel=no...
a标签属性 rel="noopener noreferrer"
weixin_30670965的博客
05-27 902
当你浏览一个页面点击一个a标签连接 <a href="www.baidu.com" target="_blank"> 跳转到另一个页面时， 在新打开的页面（baidu）中可以通过 window.opener获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如location就不存在跨域问题）。 rel=noopener 新特性 <a href="ww...
关于a标签target=_blank使用rel=noopener
weixin_43311271的博客
02-12 1944
一、为什么要使用rel=‘noopener’？ 先举个栗子 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initia
a 标签中 rel=“noopener noreferrer“属性的含义和功能
草巾冒小子的博客
11-21 2641
a标签：网页超链接中隐藏的钓鱼攻击 先看一条代码： <a href="" rel="noopener noreferrer" >跳转到2页</a> 1. target="_blank" 导致的钓鱼攻击 target="_blank" 导致的钓鱼攻击 2. window.opener.location 为什么说window.opener.location.href恶意跳转？ 3. 资源统计： html a标签链接里面为什么要使用 rel="noopener norefe
VUE初始--学习笔记
qq_55113068的博客
01-18 1956
记录一点杂七杂八的学习笔记，初学时写的 ，暂时就不分类了。杂七杂八往这堆堆。其实也能算是js笔记。 1.【props】： 道具，用来接收父组件中的数据，其值为数组（即从父元素传给子元素） 举例子：props:[‘name’] //接收父组件中的name 注意，props是从上到下的单向数据传递，反之则不行 【注意-驼峰命名法】使用驼峰命名法时，要记得转化字符间的-。 简单例子：isName会自动转换成is-name，如果直接使用isName，会报错显示未定义。 在这个案例中的例子： props:[‘s.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值