1. HTML元素<a href="#" target="_blank">链接</a>
href为链接的地址,#代表当前页面。如:
<a href="http://www.baidu.com" target="_blank">点我</a>
href还可以是javascript函数。如:
<a href="javascript:funcName();" target="_blank">点我</a>
<a href="javascript:void(0);" target="_blank">点我</a><!-- 空函数 -->
<a href="javascript:;" target="_blank">点我</a><!-- 没有函数 -->
target有几个可选值:
_blank 链接在新页面打开
_parent 链接在父页面打开
_self 链接在当前页面打开
_top 链接在最上级页面打开
framename 链接在指定的iframe页面打开
如果href的值是一个js函数,而target为_blank,会导致只打开一个空白页面,不会调js脚本
<a href="javascript:toGo()" target="_blank">Go</a>
<script type="text/javascript">
function toGo() {
alert('toGo() is invoked');
}
</script>
解决方案是:
a. 将
target的值改为
_self。
b. 去除href属性,js函数作为
onclick的值:
<a onclick="toGo();" target="_blank">Go</a>
c. href设置为空,js函数作为
onclick的值:
<a href="javascript:;" onclick="toGo();" target="_blank">Go</a>
注意:此时除了执行toGo()函数外,还打开一个空页面:
2. 如何在新页面打开内容呢,除了<a>标签的target属性,还可以使用<form>标签的target属性:
<a href="http://www.baidu.com" target="_blank">Go</a>
<a href="javascript:toGo()" target="_self">Go</a>
<form id="form1" method="get">
<input type="hidden" name="wd" value="" />
</form>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript">
function toGo() {
$('#form1').attr('action', 'http://www.baidu.com/s');
$("#form1 input:hidden[name='wd']").val('terrific');
$('#form1').attr('target', '_blank');
$('#form1').submit();
}
</script>
<form>支持get和post两种提交方式;而<a>仅支持get方式。
总结:当href属性值为链接地址时,target值才可以为"_blank";否则去掉target属性或者设置其为"_self"(默认值)。
分享到:
相关推荐
<a href="https://www.google.com" target="_blank">访问Google ``` 这里的`https://www.google.com`是链接的目标URL,`target="_blank"`表示链接将在新窗口或标签页中打开。如果省略`target`属性,链接通常会在...
1.”引入marked package.json "dependencies": { "marked": "^0.3.9" } import marked from "marked"; 1.修改生成的HTML的方法 ...const renderer = new marked.Renderer();...renderer.link = (href, title, text) =>
在HTML中,`target`属性用于定义超链接(`<a>`)或表单提交时打开新页面的行为。本文将深入探讨`target="_new"`和`target="_blank"`这两个值的区别,以及它们如何影响用户在浏览网页时的体验。 首先,`target="_new"`...
a和href属性HTML用来表示超链接,英文叫... 比如链接到jb51.net站点首页,就可以这样表示: 多特软件站jb51.net首页</a>target属性使用target属性,可以在一个新窗口里打开链接文件。 <ahref=https://www.jb51.netta
<a href="xxx.htm" target="_blank">超链接内容 <form action="xxx.htm" target="_blank"> 表达内容 提交按钮"> ``` 在上面的例子中,`<a>` 标签和 `<form>` 标签都指定了 `target="_blank"`,所以点击它们会...
一旦安装并激活,包含在选定元素中的URL将被转换为在新页面中打开的超链接(target =“ _blank”)。 该插件可用于所有有效的Web URL和电子邮件地址。 该插件使用免费的js库来查找纯文本链接并将其转换为HTML标签。...
如果target属性的值设置为"_blank",则点击链接时会打开一个新的浏览器窗口或标签页来显示目标URL。而如果设置为"_top",则会在当前窗口的整个可视区域中载入目标URL,覆盖原有内容。如果没有设置target属性,或者...
一旦找到匹配的URL,我们就用超链接的形式替换它,其中`<a>`标签用于创建超链接,`target='_blank'`属性表示链接将在新窗口中打开。 现在,你可以像这样使用这个方法: ```java public static void main(String[] ...
2. 在新窗口中打开连接:连接网页地址" target=_blank>连接说明文字 3. 图片连接:连接网页地址">图片 URL地址" width=130 border=0> 三、其他超链接代码 1. 友情连接:<a href=http://www.baidu.com target=_...
目标URL" target="_blank|_self|_parent|_top|framename">链接文本 ``` 其中,`href`属性定义了链接的目标地址,`target`属性决定了新链接将在哪个窗口或框架打开。例如,`_blank`表示在新窗口或标签页中打开,`_...
- 当使用 `_blank` 时,浏览器可能会根据用户的设置或安全策略在新窗口或新标签页中打开链接。 - 如果在 `<base>` 标签中设置了 `target` 属性,则该设置将成为所有 `<a>` 标签的默认行为。 - 使用框架时,确保 `...
这里需要注意,当图像被设置为超链接时,浏览器通常会在图像周围显示一个默认的边框。为了消除这个边框,你可以使用CSS来设置`border`属性为`0`,如下所示: ```html <a href="image-source.jpg" target="_blank"> ...
在网页设计中,`<a>`标签是HTML中用于创建超链接的核心元素,而`target`属性则是控制链接打开方式的重要参数。`target`属性告诉浏览器如何处理被点击的链接,比如是在当前窗口打开,还是在新窗口或者新标签页打开。...
链接的target属性决定了链接在哪边打开,它的值通常为以下五种:_blank、_self、_parent、_top和自定义,依次表示为:新窗口、当前窗口、父窗口、顶层窗口和框架。当所指名称的框架不存在时,自定义作用等同于_blank...
例如:<a href=zhainv.html target=_blank>小女人大魅力宅女的魅式SOHO 记 5.1.3 图像链接 图像链接是指将超链接设置在图像上,目标可以是网页文件、图片文件等。例如:<a href=huazhuang.html><img src=images/...
13. 使用`target="_blank"`属性的超链接代码`<a href=URL target=_blank>..</a>`表示在新窗口或标签页中打开链接。 14. `<a href=URL target=_blank>..</a>`表示新开一个窗口或标签页显示超链接内容。 15. `...
要将按钮和超链接结合起来,我们可以在`<button>`标签内部嵌套`<a>`标签,使得点击按钮时触发超链接的跳转。但需要注意,这种方法在某些浏览器或特定情况下可能有兼容性问题,因此应谨慎使用。以下是一个示例: ```...
- `target`属性:设置链接打开的方式,如在当前窗口(`_self`)、新窗口(`_blank`)、父窗口(`_parent`)或顶级窗口(`_top`)。 2. **超链接类型** - 内部链接:链接到同一网站内的其他页面,使用相对URL。例如:`前往...
`target` 属性则决定链接打开的方式,如 `_self` 在当前窗口打开,`_blank` 则会在新窗口或标签页中打开。此外,`<A>` 标签还可以包含文本或图像,形成可点击的链接元素。 通过以上知识点的学习,我们可以更有效地...