Javascript中window.name屬性詳解
更新時間：2020年11月19日 09:22:13 作者：dEMons_mIN
這篇文章主要介紹了Javascript中window.name屬性詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
關(guān)于window下自帶name的屬性
不知道大家有沒有發(fā)現(xiàn)這樣一種情況
在控制臺里直接輸出未聲明變量，正常情況應(yīng)該是會報錯的，而且聲明未賦值的變量輸出應(yīng)該是undefined
var a; //undefined b; //報錯
但是偏偏就個別特例，就是name屬性
其實window自身就帶有name這個屬性，在控制臺輸入window可以可以看到
打開
往下翻就可以找到
window.name直譯過來是窗口名字，主要用于為超鏈接和表單設(shè)置目標(biāo)（targets），什么意思呢，我們做個案例
- 建立兩個網(wǎng)頁
第一個頁面
<!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>
第二個網(wǎng)頁
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSdemo2</title>
<script>
document.write( window.name + "<br>" + name )
</script>
</head>
<body>
</body>
</html>
我們打開一個網(wǎng)頁點擊跳轉(zhuǎn)看看效果
這里我們就可以看出，第一個網(wǎng)頁的a標(biāo)簽通過target屬性將值賦值給第二個窗口的name屬性，這樣第二個網(wǎng)頁的name屬性就有值了。
還有一點需要注意，如果給name賦值，那么 window.name 會調(diào)用 類似于 toString 的方法將賦給它的值轉(zhuǎn)換成對應(yīng)的字符串表示。
現(xiàn)在我們已經(jīng)認(rèn)識了window.name的屬性了，可以做做下面這題試試手。
var name = 123;
var obj = {};
console.log(name + 123 + obj )
到此這篇關(guān)于Javascript中window.name屬性詳解的文章就介紹到這了,更多相關(guān)Javascript window.name屬性內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
又是一年新春之際，祝福大家兔年快樂！給大家介紹一個有趣的動效（兼容?IE），頁面右下角有一只搞怪的兔子，鼠標(biāo)在頁面中懸停時，兔子會跟著做出不同的動作和表情，感興趣的小伙伴可以了解一下2023-01-01
這篇文章主要為大家詳細(xì)介紹了基于openlayers4實現(xiàn)點的擴散效果 ，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
Javascript的構(gòu)造函數(shù)和constructor屬性
我們知道，默認(rèn)情況下，對一個函數(shù)前面使用new，可以構(gòu)造出一個對象。每一個對象都有一個constructor屬性，這個constructor屬性指向構(gòu)造出該對象的函數(shù)。2010-01-01
獲取元素和鼠標(biāo)的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），該功能是我一同事鉆研出來的，目標(biāo)是為了實現(xiàn)與QQ自定義布局和拖放模塊類似的功能。2009-12-12
這篇文章主要介紹了js中函數(shù)調(diào)用的兩種常用方法使用,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了JavaScript模擬數(shù)組合并concat的相關(guān)資料,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)多重選項卡切換輪播圖制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
大家都知道jquery在我們?nèi)粘ｉ_發(fā)中的使用頻率非常高，但jquery說到底還是對js的封裝，我們不能光會使用，只有知道了其中的遠離才能更好的使用，所以這篇文章主要介紹的是原生js仿jquery實現(xiàn)對Ajax封裝的方法。2016-10-10
前端圖片懶加載(lazyload)的實現(xiàn)方法(提高用戶體驗)
圖片懶加載又稱圖片延時加載、惰性加載，即在用戶需要使用圖片的時候加載，這樣可以減少請求，節(jié)省帶寬，提高頁面加載速度，相對的，也能減少服務(wù)器壓力,下面通過本文給大家分享圖片懶加載lazyload的實現(xiàn)方法，感興趣的朋友一起看看吧2017-08-08
這篇文章主要介紹了如何在selenium中使用js實現(xiàn)定位,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08