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

 更新时间:2016年10月25日 08:46:00   投稿:mrr  
这篇文章主要介绍了target="_new"和"_blank"的区别实例详解,非常不错具有参考借鉴价值,需要的朋友可以参考下

为了弄清楚这个问题我们来看三段代码产生的结果:

code1:

<html>
<head>
<title> new和blank的区别 </title>
</head>
<frameset cols="30%, *">
     <!-- 分别调用target为new和blank的两段代码 -->
<frame name="left" src="t_new.html">
<frame name="right" src="t_blank.html">
</frameset>
</html>

code2:

<html>
<head>
<title> new和blank的区别 </title>
</head>
<body>
     <!-- 这里的target为_new -->
<a href="t_new.html" target="_new"> new一个新anchor </a>
</body>
</html>

code3:

<html>
<head>
<title> new和blank的区别 </title>
</head>
<body>
     <!-- 这里分target为_blank -->
<a href="t_blank.html" target="_blank"> blank一个新anchor </a>
</body>
</html>

这里是为了比较这两者所以用了一个frameset把两段代码放在一起来演示,当然单独使用二三段代码也可以实现比较。

那么,运行code1会发现浏览器上产生此结果:

那么我们先看_new是怎样的结果:

那么我们继续点击链接会发现页面在一直刷新。而_blank对应的结果为:

继续点击链接会发现:

产生了多个新窗口。

结果:

  target="_new"始终在同一个新窗口(刷新)

  target="_blank"始终产生不同的新窗口

小结:

_blank 是打开个新页面blank 是打开个页面,并命名为为 blank,当存在 blank页面的时候,则跟新页面(这里换成其他非_blank,_top 等)也是可以的.

target属性设置非_blank、_top这些预定义的值就是指定打开链接的窗口的名称,如果不存在就新建窗口,如果已存在就在该窗口中打开。

以上所述是小编给大家介绍的target=_new和_blank的不同之处,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JavaScript使用docx-preview和mammoth预览Docx

    JavaScript使用docx-preview和mammoth预览Docx

    这篇文章主要为大家详细介绍了两个库,即docx-preview和mammoth,利用它们,你就能在浏览器中完美预览 Word 文档,甚至连表格样式,页眉页脚都原汁原味地呈现出来,下面我们来看看具体使用步骤吧
    2025-04-04
  • JavaScript中async与await实现原理与细节

    JavaScript中async与await实现原理与细节

    这篇文章主要介绍了JavaScript中async与await实现原理与细节,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • Javascript缓存API

    Javascript缓存API

    JavaScript ServiceWorker API的好处就是让WEB开发人员轻松的控制缓存。这篇文章主要为大家详细介绍了Javascript缓存API,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 再谈ie和firefox下的document.all属性

    再谈ie和firefox下的document.all属性

    很多情况下,我们是使用document.all来判断当前浏览器是ie还是 Mozilla 。
    2009-10-10
  • JavaScript中的console.profile()函数详细介绍

    JavaScript中的console.profile()函数详细介绍

    这篇文章主要介绍了JavaScript中的console.profile()函数详细介绍,本文讲解了console.profile()函数的浏览器支持情况、console.profile()的使用、Firebug中Profile按钮的使用等内容,需要的朋友可以参考下
    2014-12-12
  • 使用js正则表达式验证文件扩展名方法实例

    使用js正则表达式验证文件扩展名方法实例

    文件上传时,为了安全验证,对于手工改动文件后缀名产生的伪造文件进行判断过滤,下面这篇文章主要给大家介绍了关于如何使用js正则表达式验证文件扩展名的相关资料,需要的朋友可以参考下
    2022-11-11
  • 原生JS封装_new函数实现new关键字的功能

    原生JS封装_new函数实现new关键字的功能

    这篇文章主要介绍了原生JS封装_new函数,实现new关键字的功能 ,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • JavaScript 拖拉时间之drag案例详解

    JavaScript 拖拉时间之drag案例详解

    这篇文章主要介绍了JavaScript 拖拉时间之drag案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • javascript显示动态时间的方法汇总

    javascript显示动态时间的方法汇总

    本文给大家汇总介绍了3种javascript实现动态显示时间的方法及详细示例,有需要的小伙伴可以参考下
    2018-07-07
  • 用Node.js通过sitemap.xml批量抓取美女图片

    用Node.js通过sitemap.xml批量抓取美女图片

    这篇文章主要介绍了用Node.js通过sitemap.xml批量抓取美女图片的方法和相关代码,有需要的小伙伴可以参考下。
    2015-05-05

最新评论