脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Javascript window.name属性

Javascript中window.name属性详解

 更新时间：2020年11月19日 09:22:13   作者：dEMons_mIN  
这篇文章主要介绍了Javascript中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属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 利用JavaScript制作一个搞怪的兔子动画效果

    利用JavaScript制作一个搞怪的兔子动画效果

    又是一年新春之际，祝福大家兔年快乐！给大家介绍一个有趣的动效（兼容 IE），页面右下角有一只搞怪的兔子，鼠标在页面中悬停时，兔子会跟着做出不同的动作和表情，感兴趣的小伙伴可以了解一下
    2023-01-01
  • 基于openlayers4实现点的扩散效果

    基于openlayers4实现点的扩散效果

    这篇文章主要为大家详细介绍了基于openlayers4实现点的扩散效果 ，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-01-01
  • Javascript的构造函数和constructor属性

    Javascript的构造函数和constructor属性

    我们知道，默认情况下，对一个函数前面使用new，可以构造出一个对象。每一个对象都有一个constructor属性，这个constructor属性指向构造出该对象的函数。
    2010-01-01
  • 多浏览器兼容的获取元素和鼠标的位置的js代码

    多浏览器兼容的获取元素和鼠标的位置的js代码

    获取元素和鼠标的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），该功能是我一同事钻研出来的，目标是为了实现与QQ自定义布局和拖放模块类似的功能。
    2009-12-12
  • js中函数调用的两种常用方法使用介绍

    js中函数调用的两种常用方法使用介绍

    这篇文章主要介绍了js中函数调用的两种常用方法使用,需要的朋友可以参考下
    2014-07-07
  • JavaScript模拟数组合并concat

    JavaScript模拟数组合并concat

    这篇文章主要介绍了JavaScript模拟数组合并concat的相关资料,需要的朋友可以参考下
    2016-03-03
  • JS实现多重选项卡切换轮播图

    JS实现多重选项卡切换轮播图

    这篇文章主要为大家详细介绍了JS实现多重选项卡切换轮播图制作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 原生js仿jquery实现对Ajax的封装

    原生js仿jquery实现对Ajax的封装

    大家都知道jquery在我们日常开发中的使用频率非常高，但jquery说到底还是对js的封装，我们不能光会使用，只有知道了其中的远离才能更好的使用，所以这篇文章主要介绍的是原生js仿jquery实现对Ajax封装的方法。
    2016-10-10
  • 前端图片懒加载(lazyload)的实现方法(提高用户体验)

    前端图片懒加载(lazyload)的实现方法(提高用户体验)

    图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力,下面通过本文给大家分享图片懒加载lazyload的实现方法，感兴趣的朋友一起看看吧
    2017-08-08
  • 如何在selenium中使用js实现定位

    如何在selenium中使用js实现定位

    这篇文章主要介绍了如何在selenium中使用js实现定位,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08

最新评论