`

超链接target为_blank时的问题

阅读更多
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"(默认值)。
分享到:
评论
1 楼 gary052402 2015-06-04  
Nice!

相关推荐

    超链接_html_

    &lt;a href="https://www.google.com" target="_blank"&gt;访问Google ``` 这里的`https://www.google.com`是链接的目标URL,`target="_blank"`表示链接将在新窗口或标签页中打开。如果省略`target`属性,链接通常会在...

    Vue配置marked链接添加target=”_blank”的方法

    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) =&gt;

    谈谈target=_new和_blank的不同之处

    在HTML中,`target`属性用于定义超链接(`&lt;a&gt;`)或表单提交时打开新页面的行为。本文将深入探讨`target="_new"`和`target="_blank"`这两个值的区别,以及它们如何影响用户在浏览网页时的体验。 首先,`target="_new"`...

    HTML利用超链接打开链接文件的方法介绍

    a和href属性HTML用来表示超链接,英文叫... 比如链接到jb51.net站点首页,就可以这样表示: 多特软件站jb51.net首页&lt;/a&gt;target属性使用target属性,可以在一个新窗口里打开链接文件。 &lt;ahref=https://www.jb51.netta

    base target=””控制链接的目标打开框架

    &lt;a href="xxx.htm" target="_blank"&gt;超链接内容 &lt;form action="xxx.htm" target="_blank"&gt; 表达内容 提交按钮"&gt; ``` 在上面的例子中,`&lt;a&gt;` 标签和 `&lt;form&gt;` 标签都指定了 `target="_blank"`,所以点击它们会...

    plugin-ClickableLinksPlus:Omeka Classic插件可将非HTML文本字段中的URL转换为»target ='_ blank'«可点击的超链接

    一旦安装并激活,包含在选定元素中的URL将被转换为在新页面中打开的超链接(target =“ _blank”)。 该插件可用于所有有效的Web URL和电子邮件地址。 该插件使用免费的js库来查找纯文本链接并将其转换为HTML标签。...

    HTML超链接a标签_动力节点Java学院整理

    如果target属性的值设置为"_blank",则点击链接时会打开一个新的浏览器窗口或标签页来显示目标URL。而如果设置为"_top",则会在当前窗口的整个可视区域中载入目标URL,覆盖原有内容。如果没有设置target属性,或者...

    将内容中的符合url格式的字符串转换为超链接(JAVA版)

    一旦找到匹配的URL,我们就用超链接的形式替换它,其中`&lt;a&gt;`标签用于创建超链接,`target='_blank'`属性表示链接将在新窗口中打开。 现在,你可以像这样使用这个方法: ```java public static void main(String[] ...

    网站建设文字及图片超链接代码.docx

    2. 在新窗口中打开连接:连接网页地址" target=_blank&gt;连接说明文字 3. 图片连接:连接网页地址"&gt;图片 URL地址" width=130 border=0&gt; 三、其他超链接代码 1. 友情连接:&lt;a href=http://www.baidu.com target=_...

    窗口 超链接的使用

    目标URL" target="_blank|_self|_parent|_top|framename"&gt;链接文本 ``` 其中,`href`属性定义了链接的目标地址,`target`属性决定了新链接将在哪个窗口或框架打开。例如,`_blank`表示在新窗口或标签页中打开,`_...

    HTML a 标签的 target 属性.doc

    - 当使用 `_blank` 时,浏览器可能会根据用户的设置或安全策略在新窗口或新标签页中打开链接。 - 如果在 `&lt;base&gt;` 标签中设置了 `target` 属性,则该设置将成为所有 `&lt;a&gt;` 标签的默认行为。 - 使用框架时,确保 `...

    使用HTML开发商业网站-创建超链接课件.pptx

    这里需要注意,当图像被设置为超链接时,浏览器通常会在图像周围显示一个默认的边框。为了消除这个边框,你可以使用CSS来设置`border`属性为`0`,如下所示: ```html &lt;a href="image-source.jpg" target="_blank"&gt; ...

    关于网站target标准

    在网页设计中,`&lt;a&gt;`标签是HTML中用于创建超链接的核心元素,而`target`属性则是控制链接打开方式的重要参数。`target`属性告诉浏览器如何处理被点击的链接,比如是在当前窗口打开,还是在新窗口或者新标签页打开。...

    超链接打开目标(target)的测试

    链接的target属性决定了链接在哪边打开,它的值通常为以下五种:_blank、_self、_parent、_top和自定义,依次表示为:新窗口、当前窗口、父窗口、顶层窗口和框架。当所指名称的框架不存在时,自定义作用等同于_blank...

    5HTML-超链接与表格.pdf

    例如:&lt;a href=zhainv.html target=_blank&gt;小女人大魅力宅女的魅式SOHO 记 5.1.3 图像链接 图像链接是指将超链接设置在图像上,目标可以是网页文件、图片文件等。例如:&lt;a href=huazhuang.html&gt;&lt;img src=images/...

    网站管理与建设复习资料

    13. 使用`target="_blank"`属性的超链接代码`&lt;a href=URL target=_blank&gt;..&lt;/a&gt;`表示在新窗口或标签页中打开链接。 14. `&lt;a href=URL target=_blank&gt;..&lt;/a&gt;`表示新开一个窗口或标签页显示超链接内容。 15. `...

    HTML代码,按钮做超链接

    要将按钮和超链接结合起来,我们可以在`&lt;button&gt;`标签内部嵌套`&lt;a&gt;`标签,使得点击按钮时触发超链接的跳转。但需要注意,这种方法在某些浏览器或特定情况下可能有兼容性问题,因此应谨慎使用。以下是一个示例: ```...

    超链接怎么做?(9KB)

    - `target`属性:设置链接打开的方式,如在当前窗口(`_self`)、新窗口(`_blank`)、父窗口(`_parent`)或顶级窗口(`_top`)。 2. **超链接类型** - 内部链接:链接到同一网站内的其他页面,使用相对URL。例如:`前往...

    网站规划与网页设计——文本与超链接.ppt

    `target` 属性则决定链接打开的方式,如 `_self` 在当前窗口打开,`_blank` 则会在新窗口或标签页中打开。此外,`&lt;A&gt;` 标签还可以包含文本或图像,形成可点击的链接元素。 通过以上知识点的学习,我们可以更有效地...

Global site tag (gtag.js) - Google Analytics