谈谈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 相关文章推荐
csdn 批量接受好友邀请
Feb 19 Javascript
javascript组合使用构造函数模式和原型模式实例
Jun 04 Javascript
Js的Array数组对象详解
Feb 22 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
适用于手机端的jQuery图片滑块动画
Dec 09 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
Webpack 4.x搭建react开发环境的方法步骤
Aug 15 Javascript
JavaScript中this的全面解析及常见实例
May 14 Javascript
详解vite2.0配置学习(typescript版本)
Feb 25 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/12/04 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
php中explode函数用法分析
2014/11/15 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
jQuery ul标签下拉菜单演示代码
2010/12/11 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
js重写alert控件(适合学习js的新手朋友)
2014/08/24 Javascript
javascript创建对象、对象继承的实用方式详解
2016/03/08 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
[22:07]DOTA2-DPC中国联赛 正赛 iG vs Magma 选手采访
2021/03/11 DOTA
python3图片转换二进制存入mysql
2013/12/06 Python
Python处理文本文件中控制字符的方法
2017/02/07 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
python flask实现分页的示例代码
2018/08/02 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
给排水专业应届生求职信
2013/10/12 职场文书
初中生学习生活的自我评价
2013/11/20 职场文书
我的画教学反思
2014/04/28 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
学习经验演讲稿
2014/05/10 职场文书
环保标语大全
2014/06/12 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
临时用工协议书范本
2014/10/29 职场文书
企业宣传语大全
2015/07/13 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书