谈谈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选择器之内容过滤选择器详解
Jan 27 Javascript
javascript记录文本框内文字个数检测文字个数变化
Oct 14 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
Bootstrap 组件之按钮(二)
May 11 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
Aug 31 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
Mar 06 Javascript
Vue项目history模式下微信分享爬坑总结
Mar 29 Javascript
Vue中遍历数组的新方法实例详解
Jul 21 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 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数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
js 数组操作代码集锦
2009/04/28 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
分享jQuery网页元素拖拽插件
2020/12/01 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
微信小程序websocket实现聊天功能
2020/03/30 Javascript
使用JS实现动态时钟
2020/03/12 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
Python实现求两个csv文件交集的方法
2017/09/06 Python
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
python3.6+django2.0开发一套学员管理系统
2018/03/03 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
Python requests设置代理的方法步骤
2020/02/23 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
python 实现图像快速替换某种颜色
2020/06/04 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
世界上最好的野生海鲜和有机食品:Vital Choice
2020/01/16 全球购物
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
上班上网检讨书
2014/01/29 职场文书
电子银行营销方案
2014/02/22 职场文书
学生党员的自我评价范文
2014/03/01 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
《观察物体》教学反思
2016/02/17 职场文书
python实现商品进销存管理系统
2022/05/30 Python
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技