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 Selector选择器小结
May 06 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
基于vue的fullpage.js单页滚动插件
Mar 20 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
详解JS模块导入导出
Dec 20 Javascript
js实现手机web图片左右滑动效果
Dec 29 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
iview实现图片上传功能
Jun 29 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
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
用PHP的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
js操作iframe的一些方法介绍
2013/06/25 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
jQuery中的jQuery()方法用法分析
2014/12/27 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JavaScript中文件上传API详解
2016/04/01 Javascript
jQuery获取元素父节点的方法
2016/06/21 Javascript
react-router实现按需加载
2017/05/09 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
python实现数通设备端口监控示例
2014/04/02 Python
一个检测OpenSSL心脏出血漏洞的Python脚本分享
2014/04/10 Python
Python中自定义函数的教程
2015/04/27 Python
python执行get提交的方法
2015/04/29 Python
在windows系统中实现python3安装lxml
2016/03/23 Python
Python max内置函数详细介绍
2016/11/17 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
解决python运行启动报错问题
2020/06/01 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
IRO美国官网:法国服装品牌
2018/03/06 全球购物
linux下进程间通信的方式
2014/12/23 面试题
我们的节日中秋活动方案
2014/08/19 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
诉讼和解协议书
2016/03/23 职场文书
廉洁自律承诺书2016
2016/03/25 职场文书