window的name属性有什么用？使用要注意哪些？-群英

上一篇：用JS怎样做一个简易的消息提示框？下一篇：vue插槽的优点是什么？vue插槽如何使用？

本文给大家分享的是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 )

关于window的name属性和使用，及使用要注意问题就介绍到这，上述实例具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多大家可以关注其它的相关文章。

文本转载自脚本之家

标签： window的name属性

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：用JS怎样做一个简易的消息提示框？下一篇：vue插槽的优点是什么？vue插槽如何使用？