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中的typeof和instanceof介绍
Dec 04 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
iframe里使用JavaScript控制主页转向的方法
Apr 03 Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 Javascript
AngularJS服务service用法总结
Dec 13 Javascript
详解Vue方法与事件
Mar 09 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 Javascript
js数组去重的N种方法(小结)
Jun 07 Javascript
JavaScript, select标签元素左右移动功能实现
May 14 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
一个简单的MySQL数据浏览器
2006/10/09 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
PHP mysql事务问题实例分析
2016/01/18 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
PHP编写daemon process详解及实例代码
2016/09/30 PHP
document.all与WEB标准
2020/05/13 Javascript
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
JavaScript错误处理
2015/02/03 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
了解ESlint和其相关操作小结
2018/05/21 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
入党自我鉴定范文
2013/10/04 职场文书
毕业生简单求职信
2013/11/19 职场文书
小学教师事迹材料
2014/01/13 职场文书
聘用意向书范本
2014/04/01 职场文书
努力学习演讲稿
2014/05/10 职场文书
岗位工作说明书
2014/07/29 职场文书
东京审判观后感
2015/06/01 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python