谈谈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 相关文章推荐
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
js数组去重的方法汇总
Jul 29 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
分享自己用JS做的扫雷小游戏
Feb 17 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
node.js中 stream使用教程
Aug 28 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
vue+element导航栏高亮显示的解决方式
Nov 12 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 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目录遍历函数opendir用法实例
2014/11/20 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
通过DOM脚本去设置样式信息
2010/09/19 Javascript
web前端开发也需要日志
2010/12/09 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
jquery中filter方法用法实例分析
2015/02/06 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
vue实现评价星星功能
2020/06/30 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
Python进阶篇之字典操作总结
2016/11/16 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
Python实现数字的格式化输出
2020/08/01 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
.NET remoting中对象激活的两种方式
2015/06/08 面试题
服装设计专业毕业生推荐信
2013/11/09 职场文书
参观接待方案
2014/03/17 职场文书
红头文件任命书范本
2014/06/05 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
考试保密承诺书
2014/08/30 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
城管个人总结
2015/02/28 职场文书