谈谈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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 11 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
详解Bootstrap插件
Apr 25 Javascript
Vue实例中生命周期created和mounted的区别详解
Aug 25 Javascript
移动端效果之IndexList详解
Oct 20 Javascript
vue基础之data存储数据及v-for循环用法示例
Mar 08 Javascript
微信小程序利用云函数获取手机号码
Dec 17 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
PHP 文件类型判断代码
2009/03/13 PHP
php 常用类整理
2009/12/23 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
Javascript - HTML的request类
2007/01/09 Javascript
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
解读Bootstrap v4 sass设计
2016/05/29 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
webpack4的迁移的使用方法
2018/05/25 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
Python实现的检测网站挂马程序
2014/11/30 Python
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
python for和else语句趣谈
2019/07/02 Python
Python 转换文本编码实现解析
2019/08/27 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
python集合能干吗
2020/07/19 Python
python实现视频压缩功能
2020/12/18 Python
Lampenwelt德国:欧洲领先的灯具和照明在线商店
2018/08/05 全球购物
优秀党支部事迹材料
2014/01/14 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
2014年司机工作总结
2014/11/21 职场文书
考研复习计划
2015/01/19 职场文书
技术负责人岗位职责
2015/02/10 职场文书
企业投资意向书
2015/05/09 职场文书
SpringBoot2 参数管理实践之入参出参与校验的方式
2021/06/16 Java/Android
Java对文件的读写操作方法
2022/04/29 Java/Android