谈谈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、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
jQuery获取页面元素绝对与相对位置的方法
Jun 10 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
JavaScript面试出现频繁的一些易错点整理
Mar 29 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
js实现拖拽与碰撞检测
Sep 18 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
《PHP边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
自动分页的不完整解决方案
2007/01/12 PHP
几个php应用技巧
2008/03/27 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
php实现监控varnish缓存服务器的状态
2014/12/30 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
实例分析基于PHP微信网页获取用户信息
2017/11/24 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
Python Web开发模板引擎优缺点总结
2014/05/06 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
活动总结报告格式
2014/05/09 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
高三复习计划
2015/01/19 职场文书
后勤个人工作总结
2015/02/28 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
图文详解Nginx版本平滑升级方案
2021/09/15 Servers