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的AutoComplete插件
May 04 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
Apr 26 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 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
解析PHP中如何将数组变量写入文件
2013/06/06 PHP
php单例模式实现方法分析
2015/03/14 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
从数据结构分析看:用for each...in 比 for...in 要快些
2013/04/17 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
用js编写的简单的计算器代码程序
2015/08/04 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
2016/03/13 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python自动化生成IOS的图标
2018/11/13 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Django多数据库联用实现方法解析
2020/11/12 Python
python palywright库基本使用
2021/01/21 Python
用纯css3实现的图片放大镜特效效果非常不错
2014/09/02 HTML / CSS
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
营销总经理的岗位职责
2013/12/15 职场文书
大学生职业生涯规划书模版
2013/12/30 职场文书
JAVA程序员自荐书
2014/01/30 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
2014学雷锋活动总结
2014/03/09 职场文书
静心口服夜广告词
2014/03/20 职场文书
读书活动总结
2014/04/28 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
艾滋病宣传标语
2014/06/25 职场文书
单位委托书怎么写
2014/08/02 职场文书
关键在于落实心得体会
2014/09/03 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书