Javascript中window.name屬性詳解

更新時(shí)間：2020年11月19日 09:22:13 作者：dEMons_mIN

這篇文章主要介紹了Javascript中window.name屬性詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

關(guān)于window下自帶name的屬性

不知道大家有沒(méi)有發(fā)現(xiàn)這樣一種情況

在控制臺(tái)里直接輸出未聲明變量，正常情況應(yīng)該是會(huì)報(bào)錯(cuò)的，而且聲明未賦值的變量輸出應(yīng)該是undefined

var a;
//undefined
b;
//報(bào)錯(cuò)

但是偏偏就個(gè)別特例，就是name屬性

在這里插入圖片描述

其實(shí)window自身就帶有name這個(gè)屬性，在控制臺(tái)輸入window可以可以看到

在這里插入圖片描述打開(kāi)

往下翻就可以找到

在這里插入圖片描述

window.name直譯過(guò)來(lái)是窗口名字，主要用于為超鏈接和表單設(shè)置目標(biāo)（targets），什么意思呢，我們做個(gè)案例

建立兩個(gè)網(wǎng)頁(yè)

第一個(gè)頁(yè)面

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JSdemo1</title>
</head>
<body>
  <a href="./demo2.html" rel="external nofollow" target="hello world">跳轉(zhuǎn)</a>
</body>
</html>

第二個(gè)網(wǎng)頁(yè)

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JSdemo2</title>
  <script>
    document.write( window.name + "<br>" + name )
  </script>
</head>
<body>
</body>
</html>

我們打開(kāi)一個(gè)網(wǎng)頁(yè)點(diǎn)擊跳轉(zhuǎn)看看效果

在這里插入圖片描述

這里我們就可以看出，第一個(gè)網(wǎng)頁(yè)的a標(biāo)簽通過(guò)target屬性將值賦值給第二個(gè)窗口的name屬性，這樣第二個(gè)網(wǎng)頁(yè)的name屬性就有值了。

還有一點(diǎn)需要注意，如果給name賦值，那么 window.name 會(huì)調(diào)用類似于 toString 的方法將賦給它的值轉(zhuǎn)換成對(duì)應(yīng)的字符串表示。

在這里插入圖片描述

現(xiàn)在我們已經(jīng)認(rèn)識(shí)了window.name的屬性了，可以做做下面這題試試手。

var name = 123;
var obj = {};
console.log(name + 123 + obj )

到此這篇關(guān)于Javascript中window.name屬性詳解的文章就介紹到這了,更多相關(guān)Javascript window.name屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

利用JavaScript制作一個(gè)搞怪的兔子動(dòng)畫(huà)效果
又是一年新春之際，祝福大家兔年快樂(lè)！給大家介紹一個(gè)有趣的動(dòng)效（兼容?IE），頁(yè)面右下角有一只搞怪的兔子，鼠標(biāo)在頁(yè)面中懸停時(shí)，兔子會(huì)跟著做出不同的動(dòng)作和表情，感興趣的小伙伴可以了解一下
2023-01-01
基于openlayers4實(shí)現(xiàn)點(diǎn)的擴(kuò)散效果
這篇文章主要為大家詳細(xì)介紹了基于openlayers4實(shí)現(xiàn)點(diǎn)的擴(kuò)散效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
Javascript的構(gòu)造函數(shù)和constructor屬性
我們知道，默認(rèn)情況下，對(duì)一個(gè)函數(shù)前面使用new，可以構(gòu)造出一個(gè)對(duì)象。每一個(gè)對(duì)象都有一個(gè)constructor屬性，這個(gè)constructor屬性指向構(gòu)造出該對(duì)象的函數(shù)。
2010-01-01
多瀏覽器兼容的獲取元素和鼠標(biāo)的位置的js代碼
獲取元素和鼠標(biāo)的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），該功能是我一同事鉆研出來(lái)的，目標(biāo)是為了實(shí)現(xiàn)與QQ自定義布局和拖放模塊類似的功能。
2009-12-12
js中函數(shù)調(diào)用的兩種常用方法使用介紹
這篇文章主要介紹了js中函數(shù)調(diào)用的兩種常用方法使用,需要的朋友可以參考下
2014-07-07
JavaScript模擬數(shù)組合并concat
這篇文章主要介紹了JavaScript模擬數(shù)組合并concat的相關(guān)資料,需要的朋友可以參考下
2016-03-03
JS實(shí)現(xiàn)多重選項(xiàng)卡切換輪播圖
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)多重選項(xiàng)卡切換輪播圖制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
原生js仿jquery實(shí)現(xiàn)對(duì)Ajax的封裝
大家都知道jquery在我們?nèi)粘ｉ_(kāi)發(fā)中的使用頻率非常高，但jquery說(shuō)到底還是對(duì)js的封裝，我們不能光會(huì)使用，只有知道了其中的遠(yuǎn)離才能更好的使用，所以這篇文章主要介紹的是原生js仿jquery實(shí)現(xiàn)對(duì)Ajax封裝的方法。
2016-10-10
前端圖片懶加載(lazyload)的實(shí)現(xiàn)方法(提高用戶體驗(yàn))
圖片懶加載又稱圖片延時(shí)加載、惰性加載，即在用戶需要使用圖片的時(shí)候加載，這樣可以減少請(qǐng)求，節(jié)省帶寬，提高頁(yè)面加載速度，相對(duì)的，也能減少服務(wù)器壓力,下面通過(guò)本文給大家分享圖片懶加載lazyload的實(shí)現(xiàn)方法，感興趣的朋友一起看看吧
2017-08-08
如何在selenium中使用js實(shí)現(xiàn)定位
這篇文章主要介紹了如何在selenium中使用js實(shí)現(xiàn)定位,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-08-08