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 arguments 传递给函数的隐含参数
Aug 21 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
JQuery学习总结【一】
Dec 01 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
node.js 利用流实现读写同步,边读边写的方法
Sep 11 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
浅谈Vue数据响应
Nov 05 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
JS函数进阶之继承用法实例分析
Jan 15 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 Javascript
vscode自定义vue模板的实现
Jan 27 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
PHP面向对象编程快速入门
2006/10/09 PHP
php判断输入不超过mysql的varchar字段的长度范围
2011/06/24 PHP
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
起点页面传值js,有空研究学习下
2010/01/25 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
Django forms表单 select下拉框的传值实例
2019/07/19 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
Python无头爬虫下载文件的实现
2020/04/02 Python
Python创建自己的加密货币的示例
2021/03/01 Python
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
Nike瑞士官网:Nike CH
2021/01/18 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
青年文明号口号
2014/06/17 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
初中生考试作弊检讨书
2014/12/14 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
幼儿园老师新年寄语
2015/08/17 职场文书
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers