谈谈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 实现模态对话框 源代码大全
May 02 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
Jquery获得控件值的三种方法总结
Feb 13 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
Dec 03 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
Sep 17 Javascript
vue配置多页面的实现方法
May 22 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
原生js 实现表单验证功能
Feb 08 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删除目录及目录下所有文件的方法详解
2013/06/06 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
Gird事件机制初级读本
2007/03/10 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
jQuery版仿Path菜单效果
2011/12/15 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
2020/08/20 NodeJs
解决vuex刷新数据消失问题
2020/11/12 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
在Django同1个页面中的多表单处理详解
2017/01/25 Python
Python排序算法实例代码
2017/08/10 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
企业业务员岗位职责
2014/03/14 职场文书
老人节标语大全
2014/10/08 职场文书
个人债务授权委托书
2014/10/17 职场文书
教师师德师风整改措施
2014/10/24 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
六一儿童节园长致辞
2015/07/31 职场文书