限制_blank属性只打开一个新页签

最新推荐文章于 2023-12-14 10:10:37 发布

拐锅

最新推荐文章于 2023-12-14 10:10:37 发布

阅读量894

点赞数

分类专栏：前端 JavaScript 文章标签： html5 javascript

本文链接：https://blog.csdn.net/a654540233/article/details/121682690

版权

JavaScript 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

前端

6 篇文章 2 订阅

订阅专栏

我们在开发过程中点击a标签或按钮跳转新页签时，如果再次点击该链接或按钮，还会重新打开一个页面。这样的交互效果不是很友好。

使用如下方式可以限制打开新的页签，只保留一个新页签。

1.使用target = ‘framename’

2.使用js逻辑判断

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
</head>
<body>
<a href="http://www.baidu.com" target="framename" >百度</a>

<button onclick="openWindow('http://www.baidu.com')">百度</button>
 
</body>
<script>
    var newWindow = null;
 
    function openWindow(url){
        if(newWindow == null){
            newWindow = open(url, "_blank", "");
        }else{
            try{
                newWindow.focus();
            }catch(e){
                newWindow = null;
                openWindow(url);
            }
        }
    }
</script>
</html>

拐锅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
限制_blank属性只打开一个新页签

我们在开发过程中点击a标签或按钮跳转新页签时，如果再次点击该链接或按钮，还会重新打开一个页面。这样的交互效果不是很友好。使用如下方式可以限制打开新的页签，只保留一个新页签。1.使用target = ‘framename’2.使用js逻辑判断<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title></he
复制链接

扫一扫

专栏目录