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获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
javascript实现表单验证
Jan 29 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
javascript-hashchange事件和历史状态管理实例分析
Apr 18 Javascript
Node.js文本文件BOM头的去除方法
Nov 22 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+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
ExtJS4如何给同一个formpanel不同的url
2014/05/02 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
[47:53]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#2COL VS Spirit
2016/03/02 DOTA
树莓派中python获取GY-85九轴模块信息示例
2013/12/05 Python
python冒泡排序简单实现方法
2015/07/09 Python
python中字符串内置函数的用法总结
2018/09/13 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
Anaconda使用IDLE的实现示例
2020/09/23 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
致短跑运动员广播稿
2014/01/09 职场文书
幼儿园评语大全
2014/04/17 职场文书
干部鉴定材料
2014/05/18 职场文书
人事任命书范文
2014/06/04 职场文书
2014年电教工作总结
2014/12/19 职场文书
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android
instantclient客户端 连接oracle数据库
2022/04/26 Oracle