a标签点击跳转到新窗口打开目标资源

时间:2023-01-06 20:49:41

点击a标签跳转到新窗口打开目标资源,

<a href="http://gd.zjtcn.com/facs/c_t_p1_圆钉 50-75.html" target="_blank" class="go-to">去造价通查底价</a>

href :目标资源路径

target : target 属性规定在何处打开链接文档

      (

       _blank是最常见的链接方式,表示超链接的目标地址在新建窗口中打开;
       _self表示“相同窗口”。点击链接后,地址栏不变;
       _top表示整页窗口;
       _parent表示父窗口。

       )

    w3school文档 :http://www.w3school.com.cn/tags/att_a_target.asp

w3school文档的说明:

      有 4 个保留的目标名称用作特殊的文档重定向操作:

      _blank

      浏览器总在一个新打开、未命名的窗口中载入目标文档。

      _self

      这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。

      _parent

      这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在*框架中,那么它与目标 _self 等效。

      _top

      这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

   提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符

案例:

js

var zjt_URL = "http://gd.zjtcn.com/facs/c_t_p1_"+ matName+"&nbsp;" + spec+".html";

'<div class="bottom">这里还有很多同类产品哦 <a href="'+zjt_URL+'" target="_blank" class="go-to">去造价通查底价</a></div>'

a标签点击跳转到新窗口打开目标资源

跳转到新窗口打开目标资源

a标签点击跳转到新窗口打开目标资源