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


Posted in Javascript onOctober 25, 2016

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

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会发现浏览器上产生此结果:

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

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

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

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

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

继续点击链接会发现:

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

产生了多个新窗口。

结果:

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

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

小结:

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

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

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

Javascript 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
pjblog修改技巧汇总
Mar 12 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
JS中令人发指的valueOf方法介绍
Feb 22 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
javascript 小数取整简单实现方式
May 30 Javascript
jquery实现滑动特效代码
Aug 10 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
socket io与vue-cli的结合使用的示例代码
Nov 01 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
5种 JavaScript 方式实现数组扁平化
Oct 05 Javascript
js实现上传图片预览方法
Oct 25 #Javascript
微信小程序(应用号)开发新闻客户端实例
Oct 24 #Javascript
微信小程序 倒计时组件实现代码
Oct 24 #Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 #Javascript
微信小程序 购物车简单实例
Oct 24 #Javascript
Select2.js下拉框使用小结
Oct 24 #Javascript
微信小程序 绘图之饼图实现
Oct 24 #Javascript
You might like
PHP 截取字符串专题集合
2010/08/19 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
Javascript调试工具(下载)
2007/01/09 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
2017/01/03 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
python实现的文件同步服务器实例
2015/06/02 Python
python开发之for循环操作实例详解
2015/11/12 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
药品质量检测应届生求职信
2013/11/14 职场文书
通用自荐信范文
2014/03/14 职场文书
社区党务公开实施方案
2014/03/18 职场文书
2015年党小组工作总结
2015/05/26 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技