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
分享到:
相关推荐
- 使用框架时,确保 `<frame>` 或 `<iframe>` 元素的 `name` 属性与 `<a>` 标签中的 `target` 属性匹配,以便正确地在指定框架中加载文档。 - 不要在自定义框架名称或 ID 中使用下划线作为第一个字符,因为这可能会...
# 检查a标签是否已经具有target属性,如果没有,添加它 if 'target' not in a_tag.attrs: a_tag['target'] = '_blank' ``` 上述代码会遍历HTML文件中所有的a标签,并且如果它们没有`target`属性,就会添加`...
HTML标签是构建Web页面的基础,了解HTML标签的属性和使用方法是非常重要的。本文将详细介绍HTML标签的种类、属性和使用方法,适合初学者学习和参考。 一、 HTML标签的种类 HTML标签可以分为两大类:结构标签和格式...
接下来,我们可以使用 `<s:url>` 标签来创建一个带有 `target` 属性的链接,例如: ```xml <a href="<s:url value='about'/>" target="_blank">关于我们</a> ``` 这段代码将创建一个链接,点击后将在新的窗口或...
接下来,我们将深入探讨HTML5标签及属性的使用方法。 首先,了解<!doctype>元素的重要性。它用于声明文档类型,确保浏览器能够以标准模式渲染页面,而不是兼容模式,这对于新功能的正常工作是必需的。在HTML5中,<!...
a 标签有两种用法:通过使用 href 属性,创建指向其他文档的链接;通过使用 name 或 id 属性,创建文档内部的书签。 属性 ------ a 标签有多种属性,以下是一些常见的属性: * href 属性:指定链接的目标 URL。 *...
本篇将详细讲解如何利用`<a>`标签的`target`属性来指定链接在哪个`iframe`中打开,以及相关注意事项。 首先,`<iframe>`标签是HTML中用于嵌入另一个文档的元素,它可以在同一个页面内显示来自不同源的内容。`...
本文将对HTML标签进行分类,并详细介绍每种标签的属性和用法。 窗体标签 标签用于定义窗体,用户可以通过标签输入信息,并将其提交到服务器。该标签的属性包括: * action:指定表单提交的URL * enctype:指定...
紧接着,在HTML的标签中,我们使用JavaScript代码来获取表单的target属性。通过使用document.getElementById()方法,我们可以获取到ID为"frm1"的表单元素。之后,我们通过访问该元素的target属性来读取其值,并使用...
HTML中的`<frameset>`和`target`属性是构建网页布局和导航的重要工具,它们允许开发者将一个网页分割成多个独立的区域,并控制链接在这些区域间的打开方式。本篇文章将详细探讨这两个概念以及它们在实际应用中的用法...
### HTML标签及属性详解 HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它由一系列的元素组成,这些元素通过标签表示。下面将详细解释部分常用的HTML标签及其属性,帮助理解网页结构和功能。 #...
### HTML标签属性详解 #### 跑马灯与卷动效果 跑马灯与卷动效果是通过...以上是对HTML标签属性的一些基本介绍和用法说明。这些标签和属性为网页设计提供了丰富的功能和表现力,帮助开发者创建出美观且功能齐全的网页。
- `<plaintext>`:等宽字体,不解析任何HTML标签。 - `<listing>`:等宽小字体,常用于列表或代码展示。 示例: ```html <p><b>这是一个加粗的段落。</b></p> <p><i>这是一个斜体的段落。</i></p> <p><dfn>HTML</...
本文将介绍如何使用JavaScript来实现这一功能,包括对带有查询参数的a标签和没有页面跳转功能的a标签进行区分处理。 首先,当页面中的a标签在点击后会导致页面跳转至当前页面,并附带一个查询参数时,我们可以利用...
从给定的文件信息中,我们可以提炼出一系列关于HTML标签及其常用属性的知识点,这些知识点对于初学者理解和应用HTML有着重要的指导意义。 ### HTML标签及其属性概览 #### 一、动态元素:`<marquee>` `<marquee>` ...