noopener, noreferrer 及 nofollow 的用法

【noopener, noreferrer 及 nofollow 的用法】的更多相关文章

a标签属性 rel=noopener noreferrer

当你浏览一个页面点击一个a标签链接跳转到另一个页面时, <a href="http://www.baidu.com" target="_blank">百度</a> 1 <a href="http://www.baidu.com" target="_blank">百度</a> 在新打开的页面(http://www.baidu.com)中可以通过 window.opener 获取到源…

实战重现隐藏在A标签_blank下的危险漏洞,简略说明noopener的作用

前几日,在看阮一峰老师的博客文章中,发现了这么一篇 .标题为 <target = "_blank" 的危险性(英文)>.这篇文章同事看过之后因为不理解其中的危险之处,念念不忘,于是这里我们来重现一下这个漏洞. 首先做点准备: 准备两个域名 a.com b.com 分别解析到 127.0.0.1 准备好两个域名对应的http服务 chrome浏览器正式开始首先在a.com下建立1.html 写入代码 <!DOCTYPE html> <html>…

a 样式重置常见用法

样式重置 a:link, a:visited, a:hover, a:active{ color: #fff; text-decoration: none; } 常见用法 ( rel="noopener noreferrer" 防钓鱼 ) <li>版权所有© <a href="http://baidu.com/" target="_blank" rel="noopener noreferrer&quo…

React+Ant Design设置左侧菜单导航路由的显示与隐藏（与权限无关）

最近在学习react时,用到了很流行的UI框架Ant Design,也了解了一下Ant Design Pro,发现它们都有导航组件,Ant Design框架的导航菜单在这里,Ant Design Pro是权限菜单,权限菜单简单来说就是根据登录的权限来展示不同的菜单给用户,比如管理员有给用户分配不同角色的权限,那管理员就可以看到系统管理等导航菜单,而用户A只有发布某些业务的权限,那用户A就不能看到系统管理的导航菜单等等.不过这不在我们本文的考虑范围内,有兴趣的同学可以自行去看它的API:Autho…

关于html的a标签的target="__blank "的安全漏洞问题

使用场景:最近项目中使用一个a标签的 target="__blank "链接跳转页面,打开一个新的 pdf文件(或者外部的一个网页),然后在chrome浏览器中快速的滑动的时候,页面偶尔会出现空白现象,这可能是一个浏览器的漏洞,如何解决这个问题,需要对a标记需要target="__blank "的链接中,我们加上rel="nofollow noopener noreferrer" 这个就可以解决这个漏洞了. 比如我现在在本地的页面为 index…

设置a 标签打开新窗口新姿势

设置页面中的所有a标签都打开新窗口 1,在写的时候就加上target="_blank" 2,在页头<head></head>里加上 <base target="_blank" /> 2019.05.20 补充: 1.使用_target = '_blank',爬虫会去爬这个链接,所以要谨慎,别把自己网站的流量引到别的网站去了可以加上 rel='nofollow'加以控制2.有看到文章说安全问题,新打开的窗口会有一定的控制权限,这里可…

在mybatis中写sql语句的一些体会

本文会使用一个案例,就mybatis的一些基础语法进行讲解.案例中使用到的数据库表和对象如下: article表:这个表存放的是文章的基础信息 -- ---------------------------- -- Table structure for article -- ---------------------------- DROP TABLE IF EXISTS `article`; CREATE TABLE `article` ( `article_id` ) NOT NULL AU…