HTML中的target属性之framename

包含target属性的标签有：<a> <form> <base> <area>。

对应的target值有：

_blank

_parent

_self

_top

framename (<area>标签没有)

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

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

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

一个form，对应的target：

<form action="http://reg.domain.com/login" method="post" target="hidden_iframe">
	<input type="text" name="user" />
	<input type="password" name="password" />
	<button type="submit">登录</button>
</form>

一个iframe，对应的name

<iframe style="display:none" frameborder="0" scrolling="no" name="hidden_iframe"></iframe>

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

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

/* 
 * 循环判断是否已登录，设定3秒超时时间，3秒内没有的话就弹出用户名或密码错误
 * @callback：<function> 回调函数，判断用户登录后执行
 */
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;
}