谈谈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 相关文章推荐
利用Ext Js生成动态树实例代码
Sep 08 Javascript
javascript的回调函数应用示例
Feb 20 Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 Javascript
js简单实现标签云效果实例
Aug 06 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
Jan 23 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
Aug 19 Javascript
Node+OCR实现图像文字识别功能
Nov 26 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
Vue数字输入框组件的使用方法
Oct 19 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 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 echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
PHP中将一个字符串部分字符用星号*替代隐藏的实现代码
2019/09/08 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
jQuery each()方法的使用方法
2010/03/18 Javascript
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
js中style.display=&quot;&quot;无效的解决方法
2014/10/30 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
搭建vue开发环境
2018/07/19 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
python创建关联数组(字典)的方法
2015/05/04 Python
Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析
2018/05/08 Python
对Python2与Python3中__bool__方法的差异详解
2018/11/01 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
幼儿教师师德演讲稿
2014/05/06 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
初中语文教师研修日志
2015/11/13 职场文书