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 相关文章推荐
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
Sep 09 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
May 20 Javascript
生产制造追溯系统之在线打印功能
Jun 03 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
vue项目打包之开发环境和部署环境的实现
Apr 23 Javascript
一定要知道的 25 个 Vue 技巧
Nov 02 Vue.js
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
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
IE无法设置短域名下Cookie
2010/09/23 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
jQuery性能优化的38个建议
2014/03/04 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2014/05/11 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
WEB开发之注册页面验证码倒计时代码的实现
2016/12/15 Javascript
jQuery实现的简单悬浮层功能完整实例
2017/01/23 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
python在linux中输出带颜色的文字的方法
2014/06/19 Python
Python之list对应元素求和的方法
2018/06/28 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
django 中的聚合函数,分组函数,F 查询,Q查询
2019/07/25 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
机械专业应届生求职信
2013/09/21 职场文书
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
党员承诺书范文2015
2015/04/27 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书