Javascript中window.name属性详解

时间:2021-05-26

关于window下自带name的属性

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

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

var a;//undefinedb;//报错

但是偏偏就个别特例,就是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属性内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章