当前位置：主页 > 查看内容

Javascript中window.name属性详解

发布时间：2021-07-22 00:00| 有 位朋友查看

简介：关于window下自带name的属性 不知道大家有没有发现这样一种情况 在控制台里直接输出未声明变量，正常情况应该是会报错的，而且声明未赋值的变量输出应该是undefined var a;//undefinedb;//报错 但是偏偏就个别特例，就是name属性 其实window自身就带有name这……

关于window下自带name的属性

不知道大家有没有发现这样一种情况

在控制台里直接输出未声明变量，正常情况应该是会报错的，而且声明未赋值的变量输出应该是undefined

var a;
//undefined
b;
//报错

但是偏偏就个别特例，就是name属性

在这里插入图片描述

其实window自身就带有name这个属性，在控制台输入window可以可以看到

在这里插入图片描述打开

往下翻就可以找到

在这里插入图片描述

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>

我们打开一个网页点击跳转看看效果

在这里插入图片描述

在这里插入图片描述

这里我们就可以看出，第一个网页的a标签通过target属性将值赋值给第二个窗口的name属性，这样第二个网页的name属性就有值了。

还有一点需要注意，如果给name赋值，那么 window.name 会调用 类似于 toString 的方法将赋给它的值转换成对应的字符串表示。

在这里插入图片描述

现在我们已经认识了window.name的属性了，可以做做下面这题试试手。

var name = 123;
var obj = {};
console.log(name + 123 + obj )

到此这篇关于Javascript中window.name属性详解的文章就介绍到这了,更多相关Javascript window.name属性内容请搜索站长技术以前的文章或继续浏览下面的相关文章希望大家以后多多支持站长技术！


原文链接：https://m.jb51.net/article/200071.htm
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：详解JavaScript 中的批处理和缓存 下一篇：JavaScript实现图片合成下载的示例

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐