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对URL字符串进行编码/解码分析
Oct 25 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
js替代copy(示例代码)
Nov 27 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
javascript正则表达式总结
Feb 29 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
vue init webpack 建vue项目报错的解决方法
Sep 29 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
angular学习之动态创建表单的方法
Dec 07 Javascript
基于Element封装一个表格组件tableList的使用方法
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
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
使用javascipt---实现二分查找法
2013/04/10 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
JavaScript实现生成GUID(全局统一标识符)
2014/09/05 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
2018/11/25 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
python制作小说爬虫实录
2017/08/14 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
Python列表与元组的异同详解
2019/07/02 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
jupyter notebook 多行输出实例
2020/04/09 Python
python3字符串输出常见面试题总结
2020/12/01 Python
int和Integer有什么区别
2013/05/25 面试题
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
工作经历证明书范文
2014/11/02 职场文书
股权转让协议书
2014/12/07 职场文书
教师年度个人总结
2015/02/11 职场文书
小学推普周活动总结
2015/05/07 职场文书
工作会议简报
2015/07/20 职场文书