包含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里提交而不会刷新页面。