谈谈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 相关文章推荐
ie 处理 gif动画 的onload 事件的一个 bug
Apr 12 Javascript
js验证整数加保留小数点的简单实例
Dec 02 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
javascript制作2048游戏
Mar 30 Javascript
jQuery中常用的遍历函数用法实例总结
Sep 01 Javascript
Angular的MVC和作用域
Dec 26 Javascript
js 颜色选择插件
Jan 23 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
JavaScript实现简单动态表格
Dec 02 Javascript
js简单粗暴的发布订阅示例代码
Jan 23 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 29 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
来自phpguru得Php Cache类源码
2010/04/15 PHP
PHP取进制余数函数代码
2012/01/19 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
深入PHP autoload机制的详解
2013/06/09 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
ThinkPHP采用原生query实现关联查询left join实例
2014/12/02 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
Bootstrap基础学习
2015/06/16 Javascript
JS使用正则表达式除去字符串中重复字符的方法
2015/11/05 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
2017/03/02 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
js布局实现单选按钮控件
2020/01/17 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
Django 路由控制的实现代码
2018/11/08 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
python时间time模块处理大全
2020/10/25 Python
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
美国NBA官方商店:NBA Store
2019/04/12 全球购物
学生鉴定评语大全
2014/05/05 职场文书
演讲比赛策划方案
2014/06/11 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
创业计划书之家政服务
2019/09/18 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python
Java基础之线程锁相关知识总结
2021/06/30 Java/Android
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL