js中window.name的特性与作用是什么-创新互联

js中window.name的特性与作用是什么？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

创新互联主营广安网站建设的网络公司,主营网站建设方案,成都APP应用开发,广安h5微信小程序搭建,广安网站营销推广欢迎广安等地区企业咨询

早就知道window有个name属性，但是究竟干什么用的一直不知道，今天花时间好好研究测试了下，发现是个有意思的JS API属性。

所有浏览器都有个window.name

window.name是一个所有浏览器都有的属性，表示浏览器窗口的名称，默认是一个空字符串，所有浏览器都是个空字符串。

js中window.name的特性与作用是什么

这是一个可读可写的属性，语法如下：

string = window.name;
window.name = string;

例如：

window.name = 'zhangxinxu';

window.name的跨页面特性

window.name有个很有意思的跨页面特性，具体描述为：页面如果设置了window.name，即使进行了页面跳转到了其他页面，这个window.name还是会保留。

例如后面这个demo，您可以狠狠地点击这里：window.name与链接地址测试demo

其中，页面上有两个超链接，点击超链接的时候会给当前页面的window设置name属性值:

js中window.name的特性与作用是什么

HTML代码示意如下：

点击我看看目标页面的window.name
点击我看看目标页面的window.name

然后window-name.html这个页面做的事情很简单（见下面代码），就是页面加载完毕后输出此时的window.name值。

window.name值是：

最后的效果如下：

js中window.name的特性与作用是什么

js中window.name的特性与作用是什么

js中window.name的特性与作用是什么

js中window.name的特性与作用是什么

这个特性很有意思，居然能够记忆来源页面设置的window.name值，这个可比document.referrer还要好用，毕竟可以直接指定任意字符，而document.referrer还需要对URL进行处理。

例如上面例子，window-name.html这个页面就可以知道是从哪个链接过来的，然后根据来源不同做不同的事情，比通过URL传参要更干净更灵活也更隐秘。

新窗口打开的window.name无效

window.name = '{ "foo": "bar" }';