谈谈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 相关文章推荐
获取鼠标在div中的相对位置的实现代码
Dec 30 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
Node.js 使用axios读写influxDB的方法示例
Oct 26 Javascript
vscode下的vue文件格式化问题
Nov 28 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
vue 移动端注入骨架屏的配置方法
Jun 25 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
Sep 20 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 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 获取目录下的图片并随机显示的代码
2009/12/28 PHP
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
php 解压zip压缩包内容到指定目录的实例
2018/01/23 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
node.js 如何监视文件变化
2020/09/01 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
python递归法解决棋盘分割问题
2019/07/17 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Python异常处理机制结构实例解析
2020/07/23 Python
css3+jq创作含苞待放的荷花
2014/02/20 HTML / CSS
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
Java程序员常见面试题
2015/07/16 面试题
运动会稿件300字
2014/02/14 职场文书
委托公证书范本
2014/04/03 职场文书
《故乡》教学反思
2014/04/10 职场文书
电台编导求职信
2014/05/06 职场文书
大学新生入学教育方案
2014/05/16 职场文书
作风转变心得体会
2014/09/02 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
加薪申请书应该这样写!
2019/07/04 职场文书
MySQL学习之基础操作总结
2022/03/19 MySQL
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL