脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • Js浏览器全屏代码（模仿按F11）

    Js浏览器全屏代码（模仿按F11）

    Js浏览器全屏代码（模仿按F11），需要的朋友可以参考下。
    2011-01-01
  • JavaScript Serializer序列化时间处理示例

    JavaScript Serializer序列化时间处理示例

    JavaScriptSerializer序列化时间后会把时间序列化成N进制的鬼数据 ，下面有个示例，需要的朋友可以了解下
    2014-07-07
  • 可能被忽略的一些JavaScript数组方法细节

    可能被忽略的一些JavaScript数组方法细节

    这篇文章主要给大家介绍了一些可能被忽略的JavaScript数组方法细节，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-02-02
  • 微信小程序用户登录和登录态维护的实现

    微信小程序用户登录和登录态维护的实现

    这篇文章主要介绍了微信小程序用户登录和登录态维护的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 浅谈Javascript Base64 加密解密

    浅谈Javascript Base64 加密解密

    这篇文章主要简单介绍了Javascript Base64 加密解密的使用方法，有需要的小伙伴参考下
    2014-12-12
  • 轻松学习Javascript闭包

    轻松学习Javascript闭包

    闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。这篇文章主要介绍了Javascript闭包,需要的朋友可以参考下
    2017-03-03
  • angular之ng-template模板加载

    angular之ng-template模板加载

    本篇文章主要介绍了angular之ng-template模板加载，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • JavaScript面向对象之深入了解ES6的class

    JavaScript面向对象之深入了解ES6的class

    class尽管只算是一个语法糖,但它却是语言规范方面的一大成就,也对之前的继承进行了一定的增强,下面这篇文章主要给大家介绍了关于JavaScript面向对象之深入了解ES6的class的相关资料,需要的朋友可以参考下
    2022-03-03
  • 使用JavaScript触发过渡效果的方法

    使用JavaScript触发过渡效果的方法

    hover 和 :focus 这样的伪类，我们可以很方便的将元素从一个样式切换到另一个样式，而且切换是会有过渡效果。但有时我们想要使用 js 来驱动过渡（即在代码中触发过渡）也是可以实现的，下面通过本文给大家介绍下
    2017-01-01
  • js实现继承的5种方式

    js实现继承的5种方式

    这篇文章主要介绍了js实现继承的5种方式,具体分析了JavaScript对象冒充、call()方法方式、apply()方法方式、原型链方式及混合方式的具体使用技巧,需要的朋友可以参考下
    2015-12-12

最新评论