Javascript中window.name属性详解


Posted in Javascript onNovember 19, 2020

关于window下自带name的属性

不知道大家有没有发现这样一种情况

在控制台里直接输出未声明变量,正常情况应该是会报错的,而且声明未赋值的变量输出应该是undefined

var a;
//undefined
b;
//报错

但是偏偏就个别特例,就是name属性

Javascript中window.name属性详解

其实window自身就带有name这个属性,在控制台输入window可以可以看到

Javascript中window.name属性详解打开

往下翻就可以找到

Javascript中window.name属性详解

window.name直译过来是窗口名字,主要用于为超链接和表单设置目标(targets),什么意思呢,我们做个案例

  • 建立两个网页

第一个页面

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JSdemo1</title>
</head>
<body>
  <a href="./demo2.html" rel="external nofollow" target="hello world">跳转</a>
</body>
</html>

第二个网页

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JSdemo2</title>
  <script>
    document.write( window.name + "<br>" + name )
  </script>
</head>
<body>
</body>
</html>

我们打开一个网页点击跳转看看效果

Javascript中window.name属性详解

Javascript中window.name属性详解

这里我们就可以看出,第一个网页的a标签通过target属性将值赋值给第二个窗口的name属性,这样第二个网页的name属性就有值了。

还有一点需要注意,如果给name赋值,那么 window.name 会调用 类似于 toString 的方法将赋给它的值转换成对应的字符串表示。

Javascript中window.name属性详解

现在我们已经认识了window.name的属性了,可以做做下面这题试试手。

var name = 123;
var obj = {};
console.log(name + 123 + obj )

到此这篇关于Javascript中window.name属性详解的文章就介绍到这了,更多相关Javascript window.name属性内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
May 25 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
Mar 21 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
jQuery ajax调用webservice注意事项
Oct 08 jQuery
javascript实现文件拖拽事件
Mar 29 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 Javascript
JavaScript实现图片合成下载的示例
Nov 19 #Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 #Vue.js
vue 插槽简介及使用示例
Nov 19 #Vue.js
微信小程序实现点击导航条切换页面
Nov 19 #Javascript
详解Vue的mixin策略
Nov 19 #Vue.js
微信小程序自定义底部弹出框功能
Nov 18 #Javascript
微信小程序实现底部弹出框
Nov 18 #Javascript
You might like
PHP中使用glob函数实现一句话删除某个目录下的所有文件
2014/07/22 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
PHP自定义递归函数实现数组转JSON功能【支持GBK编码】
2018/07/17 PHP
PHP的PDO错误与错误处理
2019/01/27 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
Vue组件开发初探
2017/02/14 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
vue.js整合mint-ui里的轮播图实例代码
2017/12/27 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
Python中的Descriptor描述符学习教程
2016/06/02 Python
Python创建临时文件和文件夹
2020/08/05 Python
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
葡萄牙语专业个人求职信
2013/12/10 职场文书
团代会主持词
2014/04/02 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
李强为自己工作观后感
2015/06/11 职场文书
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android