html标签a的target属性的用法
导读：收集整理的这篇文章主要介绍了html标签a的target属性的用法，觉得挺不错的，现在分享给大家，也给大家做个参考。 1：如果使用标签<a>来链接到一个页面的话，target属性的作用，相信大家都知道。就是指对链接的页...
收集整理的这篇文章主要介绍了html标签a的target属性的用法，觉得挺不错的，现在分享给大家，也给大家做个参考。 1：如果使用标签a>
来链接到一个页面的话，target属性的作用，相信大家都知道。就是指对链接的页面以怎么样的形式展现出来，target常用的值有：_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中打开链接的页面)。当然还有_top等等，因为不常用，所以在此就不多做介绍了。 例如：a href="http://jb51.net" target="_blank"> /a> 表示要链接到去，并以新开窗口打开
2：如果使用标签a> 触发一个动作（动作完成以后，一般都要跳转到某个页面）。这个动作在这里又可以分为两种：
（1） 不提交表单形式的动作（即不对form进行操作的动作）。web开发中相关的情景比如：单个删除某条记录等，像这样的操作都不是很复杂，需要的参数也不是很多，都是已get方式提交的。这时对于要跳转的页面的展现形式，您可以通过target属性来指定。这里用法和1中介绍的一样。
比如
a href="http://jb51.net/user/deleteAction.do?id=5" target="_self"> 删除小明/a> 表示处理完动作后，还在本窗口打开新页面。
（2）以表单的形式提交的动作（即要提交form中的数据的动作）。web开发中这样的应用常见与用户注册、修改信息等等。当然有人会说提交form中的数据可以直接用input tyPE="submIT"> 或input type="button"> 的进行提交。但有些情况下，你可能更愿意用a href="javasrcipt:您的js函数名"> 的形式来提交。如果您这里是以标签a> 的形式来提交的，而您想通过属性target来控制处理完成后要跳转的页面是行不通。这个时候target属性已不在起作用了，取而代之的是，您应该在form的target属性中制定，这样才会如您所愿！
比如：
@H_360_11@复制代码代码如下:
function check(){ //验证不为空
if(form1.username.value=""){
return;
}
form1.submit();
}
form action="http://china.COM/user/addAction.do" target="_blank" name="form1">
input type="text" name="username" >
/form>
a href="javascript:check(); " target="_self"> 提交/a>
表示处理完动作后，还在新窗口打开新页面。（虽然这里通过了标签a> 的target属性设置了，但不会起作用；而是form的target属性起作用）。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html标签a的target属性的用法
本文地址： https://pptw.com/jishu/587643.html