谈谈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 相关文章推荐
不用MOUSEMOVE也能滑动啊
May 23 Javascript
js实现目录定位正文示例
Nov 14 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
Vue分页器实现原理详解
Jun 28 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
JavaScript嵌入百度地图API的最详细方法
Apr 16 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开发框架总结收藏
2008/04/24 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
ThinkPHP路由机制简介
2016/03/23 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
Javascript与flash交互通信基础教程
2008/08/07 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
javascript中JSON对象与JSON字符串相互转换实例
2015/07/11 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
React学习笔记之高阶组件应用
2018/06/02 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
Python进阶-函数默认参数(详解)
2017/05/18 Python
python实现Adapter模式实例代码
2018/02/09 Python
python定向爬虫校园论坛帖子信息
2018/07/23 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Python根据成绩分析系统浅析
2019/02/11 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
设计毕业生简历中的自我评价
2013/10/01 职场文书
店长岗位职责
2015/02/11 职场文书
安全生产标语口号
2015/12/26 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python