强制所有链接在新标签页打开

2026-06-24 420 次浏览 ¥37 编号：#108703

📖 内容简介

《强制所有链接在新标签页打开》是一篇专注于前端交互优化的技术文章，详细介绍了如何利用JavaScript代码实现强制链接在新标签页开启的功能。该方案的核心优势在于能够确保原页面不发生跳转，并完美适配油管、知乎等动态加载的网站。通过阻止默认事件的冒泡机制，该代码有效绕过了网站原有的JavaScript处理逻辑，为用户提供了一个稳定且高效的浏览器脚本解决方案，是提升网页浏览效率的实用工具。

* 内容摘要，帮助您快速了解要点

这篇文章介绍了通过JavaScript代码实现的功能：强制所有链接在新标签页打开，同时确保原页面不会跳转。该功能支持动态加载的网站（如油管、知乎等），通过阻止默认事件的冒泡（bubble），绕过这些网站的JavaScript处理。代码通过用户脚本（UserScript）实现，简洁高效，且不会影响网站的其他功能。主要特点包括： 1. **强制新标签页打开**：点击链接后，跳转到新标签页，原页面保持不变。 2. **动态加载网站支持**：成功绕过油管、知乎等动态加载网站的自动跳转功能。 3. **阻止事件冒泡**：通过事件管理，避免默认JavaScript处理，确保用户体验不受影响。 4. **轻量高效**：代码简洁，性能优秀，不会影响网站其他功能。

强制所有链接在新标签页打开

点击链接后，只在新标签打开，原页面不会跳转
支持油管、知乎、百度等动态加载网站
阻止事件冒泡，绕过油管的 JavaScript 处理
轻量高效，不会影响网站其他功能

// ==UserScript==// @name 强制所有链接在新标签页打开// @namespace http://tampermonkey.net/// @version 1.0// @description 让所有链接都在新标签页打开，同时原页面不会变化// @match *://*/*// @grant none// @license MIT// ==/UserScript==(function() { ‘use strict’; function openInNewTab(event) { const link = event.target.closest(‘a’); // 找到点击的链接 if (link && link.href && !link.hasAttribute(‘target’)) { event.preventDefault(); // 阻止默认行为 event.stopPropagation(); // 阻止事件冒泡，避免内部 JS 触发跳转 setTimeout(() => { window.open(link.href, ‘_blank’); // 在新标签页打开链接 }, 50); // 延迟执行，确保兼容 } } function observeLinks() { document.addEventListener(‘click’, openInNewTab, true); } observeLinks(); // 监听整个页面点击事件})();