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 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
jQuery插件 tabBox实现代码
Feb 09 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
Webpack实战加载SVG的方法
Dec 26 Javascript
js动态设置select下拉菜单的默认选中项实例
Aug 21 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 Javascript
JavaScript正则表达式验证登录实例
Mar 18 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 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
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
php安全配置记录和常见错误梳理(总结)
2017/03/28 PHP
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
js中浮点型运算BUG的解决方法说明
2014/01/06 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
js中document.write和document.writeln的区别
2018/03/11 Javascript
用vue快速开发app的脚手架工具
2018/06/11 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
Python如何实现守护进程的方法示例
2017/02/08 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
python excel多行合并的方法
2020/12/09 Python
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
大型晚会策划方案
2014/02/06 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
颁奖晚会主持词
2014/03/25 职场文书
战略合作协议书范本
2014/04/18 职场文书
酒店开业庆典策划方案
2014/05/28 职场文书
询价采购方案
2014/06/09 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
2015入党个人自传范文
2015/06/26 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python
德劲DE1105机评
2022/04/05 无线电