js控制链接不在新窗口中打开

最新推荐文章于 2021-11-11 11:50:17 发布
原创 最新推荐文章于 2021-11-11 11:50:17 发布 · 631 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文介绍了如何通过JavaScript阻止网页中的右键菜单操作和使用shift键在新窗口中打开链接。通过设置事件监听器来阻止默认行为，实现了对用户交互的限制。

控制目的：禁止右键菜单

<script language='JavaScript'>

document.oncontextmenu=new Function('event.returnValue=false;');

document.onselectstart=new Function('event.returnValue=false;');

</script>

 

 

控制目的 ：禁止shift+点击 在新窗口打开该链接

 实现方法 1： -- 禁止掉<a>元素的默认事件；用"return false" cancel了<a>元素的默认navigation事件

<a href="http://localhost:8080/BeginWeb/PersonMove.jsp" onclick="window.location = this.href; return false;">
    navigate to google</a>
    <p></p>
<a href="http://localhost:8080/BeginWeb/PersonMove.jsp" target="_blank" onclick="window.location = this.href; return false;">
    navigate to googl (_black)</a>

javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
10-26
window.open是JavaScript中非常重要的一个方法，它可以用来打开一个新的浏览器窗口，并且允许开发者通过参数控制新窗口的多种属性。这对于需要同时操作多个窗口的应用场景尤为关键。 具体到window.open的参数，它...
ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接
10-25
此外，为了确保链接能在新窗口中打开，需要在复选框中加入checked="checked"属性，这表示此复选框在页面加载时默认是选中状态，表示超链接会在新窗口打开。 为了保证链接在新窗口打开的设置能够生效，我们需要确保...
JS中点击a标签不跳转
weixin_33973609的博客
09-01 1896
在开发中发现，使用如下方式的链接。在Chrome中点击后不会做任何跳转或者打开新标签页，但在Firefox下会新开标签页。<a href=”JavaScript:void(0);”target=”_blank”>test</a>后经查找资料，发现需如下解决。通过 false;” href=”javascript:void(0);”target=”_...
javascript如何实现页面不跳转
NoBack7--For the dream
08-31 8037
在一个html页面中，需要提交表单给另一个页面，我们希望在后台运行，而不打开新页面，有两种方法: 1、iframe方法 用户名: 密码: test.cgi可以替换为任意要转向的html网页，form的target需要与iframe name保持一致 2、ajax方法 function createXHR(
js中屏蔽a标签右键中在新窗口打开功能
qq_38985689的博客
06-29 2362
一、在现实开发中，开发人员需要对某些a标签的在新窗口打开进行屏蔽。 这时候问题就来了，我们该如何去屏蔽，是用js直接屏蔽a标签的右键事件呢，还是去修改本地的浏览器右键事件（不现实），我们不可能要求用户去修改。 所以主要的问题还在于我们如何去屏蔽a标签de右键事件。 在这里博主提供一种方法 。 我们用div去把a标签包含在内部，例如： <div oncontextmenu="ret...
js打开新窗口与跳转页面的方法
No8g攻城狮的博客
12-11 650
1、超链接<a href="http://www.baidu.net" title="脚本之家">Welcome</a> 等效于js代码 window.location.href="https://www.baidu.com"; //在同当前窗口中打开窗口 2、超链接<a href="http://www.baidu.net" title="脚本之...
（6）＜a＞标签如何实现点击既不刷新也不跳转的功能
Java田根旺
11-11 5608
一、<a>标签跳转页面 相信大家对于<a>标签跳转到一个新网页的写法不陌生吧，这里如下举个跳转到百度的例子。 <a href="https://www.baidu.com">点击跳转到百度</a> 二、a标签之js调用方式1：调用js的某个方法，不建议使用 代码书写方式一： <a href="javascript:alert(111);">点击</a> 代码书写方式二： <a href="javascript:
在新窗口中打开一个URL
04-02
标题“在新窗口中打开一个URL”涉及到的是Web开发中的一个常见操作，即在用户点击链接或执行某些操作时，使URL在新的浏览器窗口中打开，而不是替换当前页面。这通常用于提供更好的用户体验，比如当用户需要查看相关...
domino xpages 开发 视图连接在新窗口打开
02-27
总结，通过以上四个步骤，我们可以成功地在 Domino XPages 开发环境中实现视图连接在新窗口打开的功能。这不仅提供了更好的用户体验，也让用户能够方便地在多个文档之间切换，而不会丢失当前视图的状态。在实际项目...
domino xpages 打开新窗口显示连接
02-27
在XPage的设计视图中，你需要找到你希望触发新窗口打开的列或者按钮元素。这通常位于一个视图面板（View Panel）内。选中该列，然后转到其属性设置。 2. **设置所有属性**： 在属性对话框中，找到"所有属性"选项...
js控制链接在新标签页打开，而不是新窗口
shuifa2008的专栏
06-07 3万+
大家都知道，window.open可以新开一个窗口，但是很可能被拦截，所以本文实现一个打开新标签的方法 不过值得注意的一点是：对应IE浏览器，只有IE9以上才支持document.createEvent函数，所以以下代码在IE执行的话要IE9以上才行 主要是通过模拟链接点击事件，直接上码： Title $(function() {
JavaScript中页面之间跳转和打开新窗口方法汇总
飞月程序人生
07-23 2579
使用JavaScript来实现java,Asp.nte等编程语言中页面跳转的方法有很多，这里根据平时使用的经验
A标签在新的页面中打开，而不是就地打开
computerlhch的博客
08-22 3460
http://www.baidu.com" target="_Blank">百度 _Blank是新窗口 _Self是自身 _Parent是父窗口 _Top是顶层窗口 当然也可以是自己定义的一个frame 的名字 比如 http://www.baidu.com" target="frame1">百度       -------------------------------
a 标签 打开新窗体 target=“_blank“ 失效 解决办法
qq_41353397的博客
05-03 4391
问题在 a 标签中 已加入 target="_blank" 而网页打开 只在一个新窗口中打开 始终都在改新窗口中刷新内容 用户如果失去该窗口的焦点 在原窗口中点击 a 标签 用户 看不到 新打开的窗体 实际已在失去焦点的窗体中 刷新了内容 会给用户造成错觉 这就是为什么现在大家浏览有些网站 会发现这个问题 解决方案一、 1、在 head 标签 加入 <head><base target="_blank" /></head> 这样就能每次点击 打开新窗口 解决方案二、
浏览器拦截js打开新窗口
dccc43727的博客
10-09 302
最近做项目时，遇到的问题“想通过javascript在浏览器新标签页或新窗口打开一个新的页面，结果被浏览器大大无情给拦截了”业务需求：前端提交数据到后端，后端返回url，然后在新窗口打开该url。（前后端数据请求使用异步请求的方式） 自己常用的两种打开新窗口的方式 window.open() 用a标签的target="_blank"在模板中插入一个a标签，然后javascr...
前端js实现图片视频文件直接下载而不是打开新页面预览
xuefeng11111的博客
10-10 4125
刚接到一个需求，要求在一个页面进行视频点击下载，而不是点击之后跳转到新页面进行预览 之前做过下载图片都是通过转成base64的形式进行下载，但是视频文件太大，这种方式肯定是不行的，后来网上查了一下，可以通过转换成Blob格式进行下载，这种方式可以是可以，但是有一个问题，就是必须等ajax请求完成之后，才会弹出下载框，而且这种方式其实文件已经下载到内存中了，在你点击下载之后就直接可以下载下来了，但是如果文件1G大小还通过这种方式下载的话就太不人性化了 后来，才发现，这个问题解决的话需要后端进行处理 需要后端设
JS打开新窗口（window.open() 、href）
热门推荐
前端向朔
10-21 6万+
JS打开新窗口 常用于文件、图片预览，或者加载一个新页面。 window.open() - 打开新窗口 用法： window.open(strUrl, strWindowName, [strWindowFeatures]); strUrl: 新窗口需要载入的url地址，项目中我们打开的是一个在线文档。 strWindowName：新窗口的名字，通过这个名字我们可以获得新窗口的引用，容易重复，如果我们希望每次打开新窗口都是一个全新的窗口，可以设置成关键字 “_blank”。 strWindowFeatu
JS浏览器打开新页面不覆盖已有窗口
最新发布
10-12
使用 JavaScript 在浏览器中打开新页面且不覆盖已有窗口可以使用 `window.open()` 方法。该方法用于控制弹出新的窗口，若弹出窗口不与主窗口在同一路径下，前面应写明路径，绝对路径（`http://`）和相对路径（`../`）均可，单引号和双引号都能使用，但不要混用。此段代码可加入 HTML 的任意位置，`<head>` 和 `</head>` 之间、`<body>` 和 `</body>` 之间都可以，代码位置越前越早执行，若页面代码长且想使页面早点弹出，尽量往前放。示例代码如下： ```javascript window.open('连接地址'); ``` 如果希望在窗口已存在时跳转到已有窗口，不存在则新开窗口，可以给 `window.open()` 的第二个参数 `windowName` 一个值，这样每次打开时，不会新创建浏览器标签，而是跳转到已存在的标签页。示例代码如下： ```javascript const openUrl = (dd, record) => { let _record = { objId: record.id, questionnaireId: dd.mealId, objType: dd.questionnaireType, }; switch (dd.questionnaireType) { case "A": const AUrl = `/A/Z?surveyId=${selectProject.id}&queId=${dd.id}&stkey=${record.key}`; window.open(AUrl, "uniqueWindowName"); break; case 'B': const BUrl = `/A/X?surveyId=${selectProject.id}&frekey=${record.key}`; window.open(BUrl, "uniqueWindowName"); break; } }; ``` 这里的 `"uniqueWindowName"` 是一个自定义的名称，每次打开相同名称的窗口时，会跳转到已有的窗口而不是新建窗口 [^1][^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值