Javascript中window.name屬性詳解
關(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)用 類(lèi)似于 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屬性?xún)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Js瀏覽器全屏代碼（模仿按F11），需要的朋友可以參考下。2011-01-01
JavaScript Serializer序列化時(shí)間處理示例
JavaScriptSerializer序列化時(shí)間后會(huì)把時(shí)間序列化成N進(jìn)制的鬼數(shù)據(jù) ，下面有個(gè)示例，需要的朋友可以了解下2014-07-07
可能被忽略的一些JavaScript數(shù)組方法細(xì)節(jié)
這篇文章主要給大家介紹了一些可能被忽略的JavaScript數(shù)組方法細(xì)節(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
微信小程序用戶(hù)登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序用戶(hù)登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要簡(jiǎn)單介紹了Javascript Base64 加密解密的使用方法，有需要的小伙伴參考下2014-12-12
閉包（closure）是Javascript語(yǔ)言的一個(gè)難點(diǎn)，也是它的特色，很多高級(jí)應(yīng)用都要依靠閉包實(shí)現(xiàn)。這篇文章主要介紹了Javascript閉包,需要的朋友可以參考下2017-03-03
本篇文章主要介紹了angular之ng-template模板加載，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
JavaScript面向?qū)ο笾钊肓私釫S6的class
class盡管只算是一個(gè)語(yǔ)法糖,但它卻是語(yǔ)言規(guī)范方面的一大成就,也對(duì)之前的繼承進(jìn)行了一定的增強(qiáng),下面這篇文章主要給大家介紹了關(guān)于JavaScript面向?qū)ο笾钊肓私釫S6的class的相關(guān)資料,需要的朋友可以參考下2022-03-03
使用JavaScript觸發(fā)過(guò)渡效果的方法
hover 和 :focus 這樣的偽類(lèi)，我們可以很方便的將元素從一個(gè)樣式切換到另一個(gè)樣式，而且切換是會(huì)有過(guò)渡效果。但有時(shí)我們想要使用 js 來(lái)驅(qū)動(dòng)過(guò)渡（即在代碼中觸發(fā)過(guò)渡）也是可以實(shí)現(xiàn)的，下面通過(guò)本文給大家介紹下2017-01-01
這篇文章主要介紹了js實(shí)現(xiàn)繼承的5種方式,具體分析了JavaScript對(duì)象冒充、call()方法方式、apply()方法方式、原型鏈方式及混合方式的具體使用技巧,需要的朋友可以參考下2015-12-12