谈谈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 相关文章推荐
javascript html 静态页面传参数
Apr 10 Javascript
juqery 学习之四 筛选查找
Nov 30 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
对jQuery的事件绑定的一些思考(补充)
Apr 20 Javascript
js单例模式详解实例
Nov 21 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
JavaScript Split()方法
Dec 18 Javascript
微信小程序  modal详解及实例代码
Nov 09 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
详解Vue调用手机相机和相册以及上传
May 05 Javascript
JS如何在数组指定位置插入元素
Mar 10 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中单双引号的误区和双引号小隐患
2016/07/19 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
jquery动态添加option示例
2013/12/30 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
简单使用webpack打包文件的实现
2019/10/29 Javascript
微信小程序定义和调用全局变量globalData的实现
2019/11/01 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
python计算一个序列的平均值的方法
2015/07/11 Python
python运行其他程序的实现方法
2017/07/14 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
python创建子类的方法分析
2019/11/28 Python
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2020/02/28 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
纽约海:Sea New York
2018/11/04 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
耐克亚太地区:Nike APAC
2019/12/07 全球购物
造价工程师个人求职信
2013/09/21 职场文书
经济与贸易专业应届生求职信
2013/11/19 职场文书
冰淇淋开店创业计划书
2014/02/01 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
2014年卫生院工作总结
2014/12/03 职场文书
趵突泉导游词
2015/02/03 职场文书
教师求职信怎么写
2015/03/20 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python
Shell脚本一键安装Nginx服务自定义Nginx版本
2022/03/20 Servers