`

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属性中制定,这样才会如您所愿!
比如:

复制代码代码如下:
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属性起作用)。

详细出处参考:http://www.jb51.net/web/20759.html

分享到:
评论

相关推荐

    HTML a 标签的 target 属性.doc

    - 使用框架时,确保 `&lt;frame&gt;` 或 `&lt;iframe&gt;` 元素的 `name` 属性与 `&lt;a&gt;` 标签中的 `target` 属性匹配,以便正确地在指定框架中加载文档。 - 不要在自定义框架名称或 ID 中使用下划线作为第一个字符,因为这可能会...

    Python给html文件的a标签添加属性

    # 检查a标签是否已经具有target属性,如果没有,添加它 if 'target' not in a_tag.attrs: a_tag['target'] = '_blank' ``` 上述代码会遍历HTML文件中所有的a标签,并且如果它们没有`target`属性,就会添加`...

    html标签和属性总结

    HTML标签是构建Web页面的基础,了解HTML标签的属性和使用方法是非常重要的。本文将详细介绍HTML标签的种类、属性和使用方法,适合初学者学习和参考。 一、 HTML标签的种类 HTML标签可以分为两大类:结构标签和格式...

    struts中base标签的target属性

    接下来,我们可以使用 `&lt;s:url&gt;` 标签来创建一个带有 `target` 属性的链接,例如: ```xml &lt;a href="&lt;s:url value='about'/&gt;" target="_blank"&gt;关于我们&lt;/a&gt; ``` 这段代码将创建一个链接,点击后将在新的窗口或...

    html5标签属性及使用方法教程

    接下来,我们将深入探讨HTML5标签及属性的使用方法。 首先,了解&lt;!doctype&gt;元素的重要性。它用于声明文档类型,确保浏览器能够以标准模式渲染页面,而不是兼容模式,这对于新功能的正常工作是必需的。在HTML5中,&lt;!...

    HTML a 标签.docx

    a 标签有两种用法:通过使用 href 属性,创建指向其他文档的链接;通过使用 name 或 id 属性,创建文档内部的书签。 属性 ------ a 标签有多种属性,以下是一些常见的属性: * href 属性:指定链接的目标 URL。 *...

    a标签的target链接指向iframe的方法

    本篇将详细讲解如何利用`&lt;a&gt;`标签的`target`属性来指定链接在哪个`iframe`中打开,以及相关注意事项。 首先,`&lt;iframe&gt;`标签是HTML中用于嵌入另一个文档的元素,它可以在同一个页面内显示来自不同源的内容。`...

    HTML标签分类及其属性.pdf

    本文将对HTML标签进行分类,并详细介绍每种标签的属性和用法。 窗体标签 标签用于定义窗体,用户可以通过标签输入信息,并将其提交到服务器。该标签的属性包括: * action:指定表单提交的URL * enctype:指定...

    JavaScript获得表单target属性的方法

    紧接着,在HTML的标签中,我们使用JavaScript代码来获取表单的target属性。通过使用document.getElementById()方法,我们可以获取到ID为"frm1"的表单元素。之后,我们通过访问该元素的target属性来读取其值,并使用...

    html的frameset和target的应用

    HTML中的`&lt;frameset&gt;`和`target`属性是构建网页布局和导航的重要工具,它们允许开发者将一个网页分割成多个独立的区域,并控制链接在这些区域间的打开方式。本篇文章将详细探讨这两个概念以及它们在实际应用中的用法...

    html标签及属性大全

    ### HTML标签及属性详解 HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它由一系列的元素组成,这些元素通过标签表示。下面将详细解释部分常用的HTML标签及其属性,帮助理解网页结构和功能。 #...

    html标签属性大全

    ### HTML标签属性详解 #### 跑马灯与卷动效果 跑马灯与卷动效果是通过...以上是对HTML标签属性的一些基本介绍和用法说明。这些标签和属性为网页设计提供了丰富的功能和表现力,帮助开发者创建出美观且功能齐全的网页。

    Html对象属性大全.pdf

    - `&lt;plaintext&gt;`:等宽字体,不解析任何HTML标签。 - `&lt;listing&gt;`:等宽小字体,常用于列表或代码展示。 示例: ```html &lt;p&gt;&lt;b&gt;这是一个加粗的段落。&lt;/b&gt;&lt;/p&gt; &lt;p&gt;&lt;i&gt;这是一个斜体的段落。&lt;/i&gt;&lt;/p&gt; &lt;p&gt;&lt;dfn&gt;HTML&lt;/...

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    本文将介绍如何使用JavaScript来实现这一功能,包括对带有查询参数的a标签和没有页面跳转功能的a标签进行区分处理。 首先,当页面中的a标签在点击后会导致页面跳转至当前页面,并附带一个查询参数时,我们可以利用...

    html所有标签常用属性

    从给定的文件信息中,我们可以提炼出一系列关于HTML标签及其常用属性的知识点,这些知识点对于初学者理解和应用HTML有着重要的指导意义。 ### HTML标签及其属性概览 #### 一、动态元素:`&lt;marquee&gt;` `&lt;marquee&gt;` ...

Global site tag (gtag.js) - Google Analytics