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 相关文章推荐
通过复制Table生成word和excel的javascript代码
Jan 20 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
jQuery中的通配符选择器使用总结
May 30 Javascript
jQuery插件实现图片轮播特效
Jun 16 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
Vue filter 过滤当前时间 实现实时更新效果
Dec 20 Javascript
vant中的toast轻提示实现代码
Nov 04 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事件驱动化设计详解
2016/11/10 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
DWR实现模拟Google搜索效果实现原理及代码
2013/01/30 Javascript
extjs render 用法介绍
2013/09/11 Javascript
JQuery处理json与ajax返回JSON实例代码
2014/01/03 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
2015/02/04 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
JavaScript ES5标准中新增的Array方法
2016/06/28 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
node跨域请求方法小结
2017/08/25 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
python 画条形图(柱状图)实例
2020/04/24 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
找到您丢失的钥匙、钱包和手机:Tile
2017/05/19 全球购物
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
财务主管的岗位职责
2013/12/30 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
2015年药店工作总结
2015/04/20 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
德劲DE1105机评
2022/04/05 无线电
Python创建SQL数据库流程逐步讲解
2022/09/23 Python