a标签跳转超链接为空白页,正常访问可以显示

无敌暴龙神~

已于 2022-12-13 11:31:48 修改

阅读量2.3k

点赞数 3

分类专栏： Web前端文章标签： javascript html

于 2022-12-10 18:49:22 首次发布

本文链接：https://blog.youkuaiyun.com/Memory64/article/details/128267829

版权

Web前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种常见的网页开发问题：通过_a_标签跳转时页面显示空白，而直接访问链接则正常。文章详细解释了该问题的原因在于_a_标签的_target_属性设置不当，并提供了解决方案——添加_rel_属性。

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

问题: "a标签中href写入一个地址链接，点击跳转打开的网页是空白的，单独访问这个地址链接是正常的，使用οnclick="window.location.href=''"也无法正常访问

原因: a标签链接正常，点击跳转浏览器跳转正常，跳转过去显示为空白页，页面不报错，单独用浏览器访问链接不报错，访问正常。问题产生的原因是由于我们使用a标签跳转时，有target="_blank",这就让你的用户开启了一个简单的钓鱼钩攻击，对应服务器会对此作出处理，只需要在a标签中添加一个rel属性，rel="noopener noreferrer"，即可正常访问

<a href="https://www.baidu.com/" rel="noopener noreferrer">跳转百度</a>

<a href="https://www.baidu.com/" rel="noopener boreferrer">
    <button type="button">跳转百度</button>
</a>