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 表单验证方法(实用)
Apr 28 Javascript
js中格式化日期时间型数据函数代码
Nov 08 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
May 29 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
Feb 16 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 Javascript
浅谈es6中的元编程
Dec 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
php中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
php解析url的三个示例
2014/01/20 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
phpinfo的知识点总结
2019/10/10 PHP
js右键菜单效果代码
2007/07/21 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
JQuery事件委托原理与用法实例分析
2019/05/13 jQuery
Vue调用后端java接口的实例代码
2019/10/28 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
Python中的变量和作用域详解
2016/07/13 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
python实现批量修改服务器密码的方法
2019/08/13 Python
python自动化UI工具发送QQ消息的实例
2019/08/27 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
印刷技术专业自荐信
2014/09/18 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
小学师德师风整改措施
2014/10/27 职场文书
2014业务员年终工作总结
2014/12/09 职场文书
离婚承诺书格式范文
2015/05/04 职场文书
离职证明范本
2015/06/12 职场文书
理想国读书笔记
2015/06/25 职场文书
总经理致辞
2015/07/29 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
python开发人人对战的五子棋小游戏
2022/05/02 Python
nginx rewrite功能使用场景分析
2022/05/30 Servers