html form target framename,HTML中的target属性之framename | 学步园

包含target属性的标签有： 。

对应的target值有：

_blank

_parent

_self

_top

framename (标签没有)

对于上面四个来说，再熟悉不过了。但是很少有人注意到或者说使用到第五个值：framename。因为它设计得实在是太巧妙了。。。

这里我给出一个替代异步的ajax登录方式的例子。

但凡登录大多都是不能通过ajax方式去做的，原因很简单：跨域而且不安全。但是很多的需求都希望实现异步不刷新去做，下面就直切正题。

一个form，对应的target：

登录

一个iframe，对应的name

这样，当你点击登录的时候，表单将在下面的这个iframe里提交而不会刷新页面。

然后开始通过cookie来检测用户是否登录。下面给一个JS例子：

/*

* 循环判断是否已登录，设定3秒超时时间，3秒内没有的话就弹出用户名或密码错误

* @callback： 回调函数，判断用户登录后执行

*/

function doLogin(callback){

var count = 0, timer = setInterval(function(){

if(isLogined()){

clearInterval(timer);

callback&&callback();

return;

}

// 3s enough

if(++count>15){

alert('用户名或密码错误！');

clearInterval(timer);

}

}, 200);

}

/* 通过cookie去判定 */

function isLogined(){

if(...){

..此处省略一大推cookie判定处理..

return true;

}

return false;

}