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 相关文章推荐
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
简单易懂的天气插件(代码分享)
Feb 04 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
npm的lock机制解析
Jun 20 Javascript
微信小程序实现可长按移动控件
Nov 01 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
浅析return false的正确使用
2013/11/04 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
详解javascript函数的参数
2015/11/10 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
JQuery省市联动效果实现过程详解
2020/05/08 jQuery
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
Python中实现对list做减法操作介绍
2015/01/09 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python中的浮点数原理与运算分析
2017/10/12 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
python调用c++传递数组的实例
2019/02/13 Python
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
奥运会口号
2014/06/13 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
工作年限证明范本
2015/06/15 职场文书
python requests模块的使用示例
2021/04/07 Python
将Python代码打包成.exe可执行文件的完整步骤
2021/05/12 Python
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android