谈谈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 相关文章推荐
浅析jquery的作用与优势
Dec 02 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
Node.js的Koa框架上手及MySQL操作指南
Jun 13 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
Angular-Touch库用法示例
Dec 22 Javascript
jQuery获取Table某列的值(推荐)
Mar 03 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
详解JS预解析原理
Jun 16 Javascript
Vue实现input宽度随文字长度自适应操作
Jul 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
用PHP制作静态网站的模板框架(二)
2006/10/09 PHP
php session 预定义数组
2009/03/16 PHP
smarty中常用方法实例总结
2015/08/07 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
2014/05/11 Javascript
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
jQuery表单域选择器用法分析
2015/02/10 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python自动裁剪图像代码分享
2017/11/25 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
HTML5如何实现元素拖拽
2016/03/11 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
不假外出检讨书
2014/01/27 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
2014年安全员工作总结
2014/11/13 职场文书
2014年会计工作总结
2014/11/27 职场文书
基层党支部承诺书
2015/04/30 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
MySQL系列之十 MySQL事务隔离实现并发控制
2021/07/02 MySQL
Python多个MP4合成视频的实现方法
2021/07/16 Python
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang