一个网页如何决定是当前页打开还是新窗口打开？

【一丝的回答(34票)】:

引用我的博文 《新窗口打开链接的博弈》

新窗口还是当前窗口打开，一直以来颇具争议。诚然，任何不分场景的强制使用某一种方式都是耍流氓。这里我就不一一分析场景了，这也需要用户研究同学提供的数据作为参考。在对用户使用场景做出了合理分析之后，我觉得还可以把细节做的更好。

举个栗子：

比如论坛这样的大面积列表页面，曾经 Discuz! 产品部门就为了是当前页面打开还是新窗口打开进行了激烈的讨论。然后某人灵机一动，何不在一个醒目的位置做出是否新窗口打开的选项呢？把选择权交给用户。

Like this：

勾选「新窗」后，所有的链接都会新窗口打开了。

那么除了给 a 标签增加 「target=”_blank”」的强制方式让链接在新窗口打开，我们还有哪些方法呢？

1. 单击鼠标中键可以新窗口打开
2. 在链接上单击右键，然后选择「在新窗口打开链接」或者「在新标签打开链接」
3. 按住键盘上的 Ctrl/Command 单击链接，新标签打开链接
4. 按住 Shift 单击链接新，新窗口打开链接
   

OK，总结完毕，想要知道怎么样才是比较好的方式，必须做到知己知彼。知道了这些方式之后，我们可以尝试做一些细节优化了。

比如可以尝试通过 JS 判断用户 点击鼠标中键，Ctrl/Command+单击，右键菜单+新标签打开几种方式的次数，然后弱提示用户：亲，可以试试勾选「新标签打开链接」哦，这样单击就可以新标签打开了哦！（然后可以提供两个选项：1.我试试，2.不再提示我）

怎么样让这样的提示不会影响用户的正常浏览，同时又能引导用户使用这些浏览器自带的功能，在文案和引导方式上需要下点功夫了。

例如 QQ空间 当用户放大了页面的时候会有这样的提醒（还记得那个老板找谈话问为什么页面错位的问题吗？）：

人文关怀与产品的博弈无处不在，不是吗？

举个切身实际的栗子：

我们每个人每天都会和搜索引擎接触，我用 Google 的过程是这样的：

输入搜索关键词→中键点击所有感兴趣的链接（注意此时依然是在当前页面，中键点击的链接是在后台打开的）→然后再分别阅读之前打开的页面→关闭不需要的或者看过的页面

这里有个关键是「后台打开链接」的功能，搜狗等国内浏览器默认也提供的这样的功能：

注意如果不是后台打开新标签，我们就需要不停的在搜索结果页面和新打开的页面之间切换，这是一个很头疼的问题，所以搜狗等浏览器才有了这样的功能，这是很有爱的。

一些是否关于新窗口打开链接的讨论：

1. 乎上你点开一个问题时，常是直接左键打开，还是右键打开新窗口？
2. 减少新开窗口提升可访问性
3. 知乎里面提问或回答中的 url 链接加一个 target=”_blank” 是不是会更好？每次后退好麻烦。
4. 链接应该在新窗口打开吗？
5. 一个网页如何决定是当前页打开还是新窗口打开？
6. 有多少人习惯用鼠标中键点击，在什么情况会用？
7. 新窗口打开 VS 当前窗口打开 — 浅谈页面链接打开方式

以上

一丝

【知乎用户的回答(15票)】:

这个问题我以前恰好也有疑问，并做了相关调研，希望对你有帮助，如有不对欢迎指出~

-----------------------------------下面内容直接从我博客占贴过来-----------------------------------------------------

链接是组成互联网世界最基本的元素，网站链接打开方式有本页面打开（target=_self）和新窗口打开（ target =_blank）两种，这两种方式看似不起眼，但却是和用户交互的最基础的一种方式。很多互联网项目在原型的设计阶段没有考虑到页面的打开方式，会造成以后用户使用上的麻烦。

就页面的打开方式而言，本页面打开即在原有页面窗口的基础上显示新的页面，原来的页面丢失，用户可以点击浏览器的后退按钮回到原来页面。新窗口打开的方式，即打开新的浏览器窗口（或标签），显示新页面的内容，原有页面的窗口保留。用户回到原有页面只需关闭新窗口即可。需要注意的是，使用本页面的方式打开的页面中需要有明确的位置标注和返回路径，让用户可以顺利返回原来的页面。

两种方式各有优劣，在选择上需要明确网站的目的、转化目标，也用户的任务。本页面打开的链接会让用户流失原来页面，很有可能让用户中断任务，影响网站的转化，而新窗口打开的链接时间长了会造成大量的窗口，给用户带来不变。淘宝和卓越是两个极端，他们凭借业内老牌资深的优势和长期培养的用户习惯，基本无需在这方面考虑，在这里不做研究讨论。

参考国内排名考前的几个b2b和b2c可以大致看出这些网站在链接的方式上是如何考虑的。（0=本页面打开，1=新窗口打开，*=lightbox）

1. 首页的频道链接，基本上都是在本页面切换，因为这个时候没有明确的用户诉求，用户的任务操作也没有开始，所以这里推荐使用本页面打开的方式。
2. 首页的分类链接，京东和凡客采用本页面打开的方式，其他网站均为新页面打开。

两种方式那种好呢？首先分析一下首页的布局组成，有类似网站原型经验的人都知道，网站的访客分两种：有明确购买意向的和无明意向的。频道，分类等文字链接是为有明确目的的一部分用户准备的，他们会直接点击这种链接或进行搜索。而没有明确目的的用户为了吸引其注意力，网站准备了大块banner，商品图片推荐等模块。所以首页的分类链接和搜索推荐使用本窗口打开；而首页的商品和新闻链接为新窗口打开，因为此时用户没有明确的目的，很有可能会回到首页继续选择其他内容，所以不能丢失原页面。所以，在这一方面，京东和凡客做的是很到位的。

1. 列表方面，用户的任务是选择商品，这里不必多说，所有网站几乎毫无意外的选择新窗口打开的方式。
2. 商品的详情页，用户已经选择的商品，离转化（下单）只差一步，所以这个页面的链接一定不能让用户丢失原页面，否则前面的所有努力前功尽弃。图片基本都是新窗口打开（标注*的为页面中的lightbox）。

总结：频道切换，首页的分类和搜索推荐使用本页面打开；涉及用户选择对比的和目的不明确时发生的链接行为推荐使用新窗口打开，在用户完成转化的转化路径上的一切分支链接，推荐用新窗口打开，如果必须使用本页面打开的方式，务必有明确的返回链接加以引导。

【nicing的回答(5票)】:

在@千鸟 老师的博客里看到过这个问题，很好的总结了几种不同的使用场景，摘抄如下：

应该强制target=_blank

1. 文件下载链接
2. 文件打印链接
3. 非主线任务并打断进程的链接

可选择target=_blank

1. 跨域名链接
2. 跨应用平台链接
3. 布局改变链接

不能强制target=_blank

1. 导航链接
2. tab条目链接
3. 返回操作链接
4. 翻页链接
5. 表单

原文链接：减少新开窗口提升可访问性

【姜沈励的回答(5票)】:

要判断从A页面点击某链接进入B页面，是否需要新开窗口？一种比较简单的判断方法是：

用户在B页面完成操作后，重新回到A页面的可能性有多大。

举几个场景：

1，用户打开网站首页(A)，看到了首屏的广告banner，对某个促销活动(B)感兴趣，因此产生点击。我们可以分析下，用户来网站购物一般都带有购物目的性，促销活动一般只是购物路径临时性的分支操作（并且首页一般有多个促销），因此用户在浏览完某个促销活动后，还是会继续进行搜索、类目浏览等其他关键性的操作。因此，这个场景，新开窗口便于用户浏览分支页面、关闭分支页面、然后回到主路径。（也因此，一般搜索框和类目浏览启动按钮会在电商的大部分页面出现，甚至置顶悬浮）

2，用户输入关键词”牛奶“，进入了搜索列表页（A），对某个商品感兴趣，点击进入商品详情页（B）。我们分析下，由于用户购物会经常比较多个商品，因此用户从详情页（B)回来，继续浏览列表页（A）的概率是很高的。也因此，新窗口打开。

3，翻页。点了下一页一般代表用户对前一页浏览完毕，因此一般情况不需要返回。因此，当前窗口打开。

4，搜索框搜词。当用户输入关键词，即表明用户踏上征程，进入了一段至少3-4个页面的主要购物路径，短期内不会回头。因此，可以建议当前窗口打开。

按照这个思路，一般可以快速决定哪种方案。

如果某场景下，上面的原则区分不明显，那么就表明，两种方案都可以，不比太纠结。

如果非要继续纠结，那么就原窗口打开。因为如果你这么设置了，用户还是可以自己选择”新窗口打开“的，反之这不行:)

希望对你有帮助

【子丹的回答(1票)】:

新标签对跳出率的影响较大

你可以通过分析网站的统计数据，分析用户行为做出决定

【佟大禹的回答(1票)】:

鼠标中键即可解决lz一切烦恼~~~

【知乎用户的回答(0票)】:

要看具体业务场景

【寒江的回答(1票)】:

遨游鼠标拖拽才是王道，效率和自由度都非常高，爱不释手?

【崔明的回答(0票)】:

从产品的角度看，这个和前后页面的逻辑关系有关联，如果前一步是后一步的前置条件，那么适合当前页打开，这个场景可以参考电商的用户注册，用户购买流程。 如果前一步是个信息集合，后一步是其中一个子集，那么适合新开窗口。这个场景可以参考新闻列表页和新闻详情页。

一般情况下，都是以当前页面打开作为首选，因为这样可以避免开很多窗口，而且目前的浏览器都支持tab方式，用户如果想新窗口打开，可以用拖拽的方式打开新窗口。

【王京的回答(0票)】:

这个问题好月经。。。。。

这个问题要由具体的网页功能分析，从而统计结果其实价值不大。

反而是由实际的操作测试来决定比较好。

基本的思路是当流程是单链的时候一定是本页打开，树状的时候可选，网状的话还是新开页面比较好。

本页打开在逻辑上不会造成中断，事实上用户会感到自己还在原本的页面。

新页面打开则会有强烈的进入新的/并列的流程，往往在需要多页面来回切换以工作的时候这种并列感很重要。

【张威的回答(0票)】:

谢邀，不过没什么好答案，学习上面各位前辈的了！

看情况分析，不同类型网站的不同，例如，视频网站的话，我感觉新开页面会更好，这样我多新开了多个页面，感觉都不是我想要的，回到我的列表页，就方便多了，个人习惯。

【于江水的回答(0票)】:

记得之前在什么地方看到过。W3C 严格的标准中是没有 target 属性的。所有的链接都是默认在当前页面中打开。

原因是这样可以给用户更大的选择权。有时候用户可能需要在新页面打开一个链接，这时候他可以选择右击然后在新页面或者使用鼠标滚轴键打开。但是如果用户希望在当前页面打开链接的话，设置了 target 属性强制在新页面打开，这样就给用户一些不便。

所以。

【黄靖的回答(0票)】:

我就想吐槽一下豆瓣，整个站点都是当前页面，每次用都想死，最后，鼠标中键救了我

【知乎用户的回答(0票)】:

浏览器有相关的设置，无需纠结，有时候鼠标中键，或者按住control、shift等点开链接也会有特殊效果哦~

【陈棋烽的回答(0票)】:

对于新窗口和当前窗口也就是一个target="blank"属性加不加的问题

【PS这个不能写在CSS里非常蛋疼啊】

Discuz的解决办法是这样的

方法一

勾选新窗口，在你新窗口打开

方法二

点击红箭头是新窗口打开点击红箭头是新窗口打开

点击蓝箭头部分是当前窗口打开

至于其他网站要看具体的业务场景来决定target="blank"属性加不加

补充一下，国内的网站基本都是新窗口打开，外国的BBC，CNN之类基本都是当前窗口打开，可能老外比较喜欢用前进和后退

【赵静宇的回答(0票)】:

说点我的看法吧。我发现在中国的网站里，在不同分类或同级页面之间切换时，一般默认用当前窗口打开；但当你打开每一个具体的项目时，默认用新窗口打开已经成了一个不成文的规矩，例如你在网易的新闻列表里点开一篇新闻或是在淘宝商品列表里点开一个商品时。但是美国的网站好像不这样，比如亚马逊（包括中国亚马逊也被传染了），不管你点击任何链接都是当前窗口打开。说实话用惯了国内的网站后，对于这点会非常的不习惯。这也许就是中美思维方式的不一样吧。

【孔明的回答(0票)】:

不管站主的逻辑是什么，自从第一次用chrome之后，点任意链接的方式就只剩下了鼠标中键——后台新标签页打开了。所以鼠标坏的最多的竟然变成了中键。

【知乎用户的回答(0票)】:

因为最近在做一个在线教育的系统，所以我来说几句吧，希望能够帮助到你.

对于非本站的URL链打开建议选择在新窗口打开，因为有时如果想返回继续阅读会很不方便，所以对于此类情况建议在新窗口打开。此外对于从标题目录走到详细页面，同样建议采用新窗口

对与一个多操作的页面我建议在本窗口打开，譬如：管理的后台，直接是在一个窗口进行。返回操作也很方便。

在设计时把自己变成用户，同时现在的浏览器都有在新选项卡打开这个选项，用户可以自行选择的

【liurobin的回答(0票)】:

选择新标签页打开是广度优先遍历，选择当前页面打开是深度优先遍历。。。

【知道的回答(0票)】:

使用场景和用户习惯

原文地址:知乎