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

我们在开发过程中点击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>

限制_blank属性只打开一个新页签相关推荐

js 点击按钮打开浏览器新页签，兼容版
话不多说直接上代码,这是千辛万苦寻来的,帮助需要帮助的人. <html><head>点击按钮打开浏览器新页签</head><body><div o ...
selenium如何通过快捷键关闭浏览器打开的新页签
在做自动化的测试过程当中可能我们会操作各种浏览器,今天给大家说一说,如何关闭操作浏览器过程中出现的新的标签页,以selenium操作举个栗子: 因为我们操作的是浏览器的功能,并不是我们的测试项目或产品 ...
【Python + selenium】在浏览器打开新页签，打开方式
很过新接触selenium ,在爬取网页时,在新打开页面,总是抓取不到页面内容原因如下: 打开链接,时间停留过短,网页还没打开,这是后你抓取网页内容,肯定是取不到的,一般可以利用driver.imp ...
【Python + selenium】在浏览器打开新页签
[Python + selenium]在浏览器打开新页签,打开方式 2017年09月06日 11:34:25 宇风-飞扬阅读数:3472 标签: seleniumpython句柄移动更多个人分类 ...
router vue 页签文字_vueRouter点击打开新页签
一.vue 路由使用 vue是单页面SPA,一般我们使用vue-router 设定路由进行页面跳转的时候,都是直接覆盖当前页面.比如,在a页面中有如下超链接子任务详情直接这样设置的话,会在当前页面 ...
2021-08-12：浏览器使用window.open 新页签被拦截的问题
前端关于在使用 window.open 打开新页面时会被部分浏览器拦截的问题背景解决方案一: 二: 结束语背景通常我们想要打开一个新页签来展现一个页面时,一般会使用 a 标签或者 wind ...
vue项目点击左侧子菜单，打开一个新的浏览器标签页
在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航实现页面跳转,我们常用的是 $router.push ...
window.open window.showModelDialog 打开一个新窗口/子窗口中调用父窗口的方法
window.open 只打开一个窗口是将 oNewWindow = window . open ( sURL , sName , sFeatures , ...
前端笔记03——重复打开新页签问题
今天遇到了一个前端问题,就是在点击链接或按钮时跳转新页签时,如果再次点击该按钮,还会重新打开一个页面,这里我想要再次点击按钮时定位到第一次打开的页面,于是就有了下面的代码. <!DOCTYPE ...

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

限制_blank属性只打开一个新页签相关推荐

最新文章

热门文章