谈谈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 相关文章推荐
JavaScript事件委托技术实例分析
Feb 06 Javascript
javascript实现设置、获取和删除Cookie的方法
Jun 01 Javascript
一览画面点击复选框后获取多个id值的方法
May 30 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
ES6中Proxy代理用法实例浅析
Apr 06 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
关于Vue组件库开发详析
Jul 01 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
Sep 21 Javascript
layui 对table中的数据进行转义的实例
Sep 12 Javascript
js实现抽奖的两种方法
Mar 19 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 Javascript
vue自定义右键菜单之全局实现
Apr 09 Vue.js
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文件上传类
2016/08/29 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
PHP容器类的两种实现方式示例
2019/07/24 PHP
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
node.js集成百度UE编辑器
2015/02/05 Javascript
Position属性之relative用法
2015/12/14 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
最常用的jQuery表单验证(简单)
2017/05/23 jQuery
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
微信小程序自定义音乐进度条的实例代码
2018/08/28 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
Python获取邮件地址的方法
2015/07/10 Python
python字符串的常用操作方法小结
2016/05/21 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
使用python进行文本预处理和提取特征的实例
2018/06/05 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
Python grpc超时机制代码示例
2020/09/14 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
CSS3实现3D翻书效果
2016/06/20 HTML / CSS
介绍一下#error预处理
2015/09/25 面试题
CSS实现fullpage.js全屏滚动效果的示例代码
2021/03/24 HTML / CSS
《晏子使楚》教学反思
2014/02/08 职场文书
出纳试用期自我鉴定
2014/04/07 职场文书
保护黄河倡议书
2014/05/16 职场文书
2015年党总支工作总结
2015/05/25 职场文书
拉贝日记观后感
2015/06/05 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书