这个功能是怎么做出来的?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3197 天前的主题，其中的信息可能已经有所发展或是发生改变。

QQ 邮箱里面打开一个 URL 链接 QQ 邮箱图片 1 在跳转到目标 URL 之前,会有一个拦截的提示 QQ 邮箱链接 2 V 友们帮忙看看,这个功能怎么做出来的?

邮箱

url

链接

10 条回复 • 2016-03-22 12:28:35 +08:00

loading

2016-03-21 14:33:01 +08:00 via Android

判断域名

fesiong

2016-03-21 14:35:40 +08:00

用 js 把所有的链接都拦截下来，如果域名不是自己的，就跳到跳转页，是自己的就放行

jugelizi

2016-03-21 14:46:32 +08:00

js 的阻止事件
http://www.cnblogs.com/yuzhongwusan/archive/2008/12/27/1363417.html

wujunze

2016-03-21 15:11:58 +08:00

@loading
@fesiong
@jugelizi 你们有没有做过类似的功能

murmur

2016-03-21 15:16:07 +08:00

仔细看代码所有的 a 的 click 都被绑了事件

然后代码里有一段 if(isLinkNeedSwap(g))
{
g.target="_blank";
g.onclick=function(h){
var i=_openExtLink(this,b,d);
!i&&preventDefault(h||(a&&a.event));
return i;
};
}
剩下的不用多说了

loading

2016-03-21 18:23:13 +08:00 via Android

@wujunze 写过这个功能，没用上。
可以交给 js 在前端完成，最好配合后台一个 redirect 的接口完成。

loading

2016-03-21 18:31:06 +08:00 via Android

配合后台 redirect ，方便统计和设置黑名单这些。

Sirormy

2016-03-21 19:02:41 +08:00

之前我做的一个邮件验证功能就腾讯拦了一下，然后把地址给我转义了，跳进去就 500 ，妈蛋

wujunze

2016-03-22 11:15:11 +08:00

@loading 好主意
@Sirormy 只用 JS 完成的吗?

loading

2016-03-22 12:28:35 +08:00 via Android

@wujunze 这东西就几行 js 代码，楼主你究竟有没有自己尝试…