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

一个网页是采用新开还是跳转的方式,目前也没有一个相对统一或被认可的标准或数据支持;这是一个没有优劣的不同操作习惯问题,所以贴近用户的习惯是一个好的处理方式;

优劣势对比

对大部分习惯鼠标点击的用户来讲:

优势 缺点 新开 1、不中断页面 
2、可以后台加载,避免等待 
3、可以 1、增加标签栏负担 
2、不能回退 跳转 1、浏览流程清晰 
2、支持用户新开的操作 1、会离开现有流程 
2、加载需等待 
3、回退时定位实现成本高

对小部分习惯通过中键和ctrl来辅助浏览的用户来讲,他们会在需要的时候自己控制新开窗口;所以会更为灵活一点;

逻辑关系

跳转: 如果希望用户的操作流程是线性的,就采用跳转的方式,比如B2C的下单操作; 
新开: 如果希望用户的操作是并行或发散的,那可以采用新开的方式,比如浏览商品; 
上面两个是很容易区分的场景,但是有一些场景则没有明显的区分,建议统一使用跳转方式; 
1、点击跳转更符合链接设计的初衷;而且据悉W3C可能会放弃target的用法 
2、跳转对用户存在鼠标右键或者ctrl来更改的机会; 
或者是类似于discuz一样提供不同的操作习惯,discuz的新开窗口也是作为一个辅助方式存在,默认还是以跳转为主; 

我们对比一下主流B2C的做法,

TB JD GOME SUNING YIHAODIAN 首页->商品列表 新开 跳转 新开 新开 新开 商品列表->商品详情 新开 新开 新开 新开 新开 商品详情->购物车 新开 跳转 跳转 跳转 跳转 购物车->下单 跳转 跳转 跳转 跳转 跳转 二级站点 新开 跳转 新开 新开 新开

除购物流程这个明显的先后线性操作流程来讲,其他的并无明显的规律;所以在你纠结无法选择的时候的就采用跳转吧!

时间: 2024-10-13 16:03:51

一个网页如何决定是当前页打开还是新窗口打开?的相关文章

谈新窗口打开链接的合理方式

如果标题换做"用户体验",感觉大了些,自己毕竟不是这方面的专家,在这里只是谈谈自己的感受. 我还记得很早的时候自己学做网页制作,那时不晓得链接如何从新窗口打开,也不关心这些,因为网页 只是起到一个宣传简介的作用,后来多了友情链接这个东东,是的,那时还没有多标签多选项卡的浏览器出现,大家都用着IE6之类的窗口浏览器,于是那时候大 家养成了个习惯,就是打开一个页面,等浏览结束后下意识的去关浏览窗口,岂不知这个页面的上一页自己也需要,或者网站作者并不希望浏览者点了外部链接后就 脱离自己的网站

Response.Redirect在新窗口打开网页

Response.Redirect在新窗口打开网页 Respose.Write("<script language='javascript'>window.open('"+ url +"');</script>"); (打开简洁窗口): Respose.Write("<script language='javascript'>window.open('" + url + "','','resizabl

HTML之:让网页中的&lt;a&gt;标签属性统一设置-如‘新窗口打开’

在开发过程中,我们往往想在页面中,给<a>设置一个统一的默认格式,例如我们想让链接:“在新窗口打开”,我们就可以使用<base>标签 在网页中添加这段代码: <head> <base target="_blank"> </head> [注解] <base> 标签为页面上的所有链接规定默认地址或默认目标. 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白. 使用 <base

javascript如何在新窗口打开网页

javascript如何在新窗口打开网页:有时候需要在新的窗口打开网页,方法有很多,当然这个问题也很简单,主要是针对初学者的.下面介绍两种在新窗口打开网页的方法:1.最基本的方式: <a href="http://www.softwhy.com" target="_blank">蚂蚁部落</a> 只要将链接的target属性值设置为_blank即可.2.使用javascript打开: window.open([url=http://www.s

JS控制新窗口打开网页,防止蜘蛛爬行

<a href="javascript:void(0)" onclick="locationUrl()">点击</a>  这里也可以是图片 <script> function locationUrl(){ var u1 = 'http://www.'; var u2 = 'baidu.com/hl/'; var u3 = 'bak_header.php'; var url = u1+u2+u3; window.open(url);

【技术】iOS可禁止用户在新窗口打开页面

在项目开发中,有时我们需要某个链接在当前页面打开,这样需要禁止用户在新窗口打开页面,我们可以使用a标签的target=”_self”指定在当前页 面打开,但是在iOS中长按链接一段时间后,系统会弹出一个对话框,用户可以通过点击”在新页面中打开”来在新窗口打开页面,这样我们指定的target 属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout属性为none来禁止iOS弹出这些按钮.

浏览器对新窗口打开页面的阻止情况

事情是这样的:我们后台人员有一个需求,希望在ajax请求成功后的回调函数里,新窗口打开一个页面.示例代码如下: $("#btn").on("click",function(){ $.ajax({ url : "opendata.html", type : "post", data : {"a" : 1}, success : function(){ window.open("http://www.

JS~模拟表单在新窗口打开,避免广告拦截

说起广告拦截,这应该是浏览器的一个特性,它会将window.open产生的窗口默认为一个广告,将它进行拦截,但有时,这不是我们所希望的,有时,我们就是需要它在客户端的浏览器上弹出一个新窗口,以展示数据处理的更新结果,例如,一个创建商品的预览功能,它需要先保存数据,然后再在新窗口展示最新的信息,这种需求并不少,而大多数人的作法就是使用window.open去弹窗口,但它确实不是一种好的方式! 新方式来了 我们知道表单提交实际上可以把POST的结果响应到新窗口上,我们就是利用表单的这种性质,在JS中

WordPress如何简单一键设置全站链接都新窗口打开

WordPress如何简单一键设置全站链接都新窗口打开 文章中需要在新的窗口打开链接大概需要在几个地方 1.网站友情链接 2.文章中的超链接 3.评论链接 4.网站导航链接 5.网站子导航链接 6.网站其他内链 以上加粗的两个是非常重要的,我们为什么要设置WordPress网站全站超链接都要设置新窗口打开方式呢?学过SEO的同学们应该都知道,以新窗口打开超链接,原先点开的网站都会停留在浏览器顶部,紧挨着现在这个页面的旁边,SEO里面有种优化方法就叫做:跳出率,跳出率是什么呢?跳出率就是一个用户在