个人中心
gpt4 book ai didi

javascript - 为什么超链接无法在新选项卡中打开？

转载 作者：行者123 更新时间：2023-11-28 13:15:10 25 4
gpt4 key购买 nike

我有3个html文件:force_hyperlink_open_in_new_window.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Force hyperlink open in new window</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

</head>
<body>
<a href="force_hyperlink_open_in_new_window_01.html">Foo</a>
<a href="force_hyperlink_open_in_new_window_02.html">Bar</a>

<script type="text/javascript">
    $('a[href^="http://"]')
            .not('[target="_blank"]')
            .attr('target', '_blank');
</script>

</body>
</html>

force_hyperlink_open_in_new_window_01.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>01</title>
    <style>
        body{
            background-color: tomato;
        }
    </style>
</head>
<body>
</body>
</html>

force_hyperlink_open_in_new_window_02.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>02</title>
    <style>
        body{
            background-color: limegreen;
        }
    </style>
</head>
<body>
</body>
</html>

为什么 2 个超链接无法在新标签页中打开(我使用 Google Chrome 版本 52.0.2743.116(64 位))？

最佳答案

您选择以 http:// 开头的 anchor ，而您的链接是相对的并且不以 http:// 开头。

将 JQuery 选择器更改为常规 anchor :$('a')，它将添加您的目标(如果他们还没有)。请参阅https://jsfiddle.net/k7ww81ee/ 

$('a')
        .not('[target="_blank"]')
        .attr('target', '_blank');

关于javascript - 为什么超链接无法在新选项卡中打开？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39064745/

25 4 0
文章推荐： javascript - 当选择选项时，JQuery 禁用输入
文章推荐： css - 如何更改 gd 评级星星的颜色
文章推荐： xcode - 通过解析将推送通知发送到您的 iPhone 作为测试
文章推荐： javascript - Three.js 中这个古怪的数学是什么？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com