原來很多元素我們可以直接訪問

Andrman 發(fā)布于2019-08-02 16:04 / 1791人閱讀

摘要：這兩天在幫其他項(xiàng)目組的同事做項(xiàng)目，他們使用，在使用模板時(shí)產(chǎn)生了一個(gè)疑問，先上代碼沒有在里面定義，只在頁面上寫了一個(gè)標(biāo)簽，是如何獲取到變量的呢先到輸入，咔還真沒報(bào)錯(cuò)，也不是，好神奇啊，是不是遍歷了所有的，將所有非普通的都設(shè)為全局變量了，先搜，

這兩天在幫其他項(xiàng)目組的同事做項(xiàng)目，他們使用layui，在使用模板時(shí)產(chǎn)生了一個(gè)疑問，先上代碼

var getTpl = tpl_crumbs_list.innerHTML

tpl_crumbs_list沒有在js里面定義，只在頁面上寫了一個(gè)標(biāo)簽，layui是如何獲取到變量tpl_crumbs_list的呢？？？？
先到console輸入tpl_crumbs_list，咔還真沒報(bào)錯(cuò)，也不是undefined，好神奇啊，是不是layui遍歷了所有的script，將所有非普通type的script都設(shè)為全局變量了，先搜script，好像沒有，再搜id也沒有，靠靠靠，什么情況，給layui.js加斷點(diǎn)，一個(gè)函數(shù)一個(gè)函數(shù)運(yùn)行，跑到最后tpl_crumbs_list，也是還是沒值啊
猜想很有可能與layui沒有關(guān)系，只要元素有id，就可以通過window[id內(nèi)容]獲取到此元素，在百度頁面實(shí)驗(yàn)了一下

果然如此

上百度，好不容易找到了Named access on the Window object

上來就說這是非常規(guī)標(biāo)準(zhǔn)定義，使用此API會(huì)使代碼脆弱不健壯，建議使用document.getElementById()或者document.querySelector()方法
自我感覺英語還行，但讀起規(guī)范來總感覺力不從心

主要有下面三種情況

子瀏覽內(nèi)容（比如iframe）有name屬性

在當(dāng)前文檔里下面元素有name屬性， a, applet, area, embed, form, frameset, img, object，我自己實(shí)驗(yàn)了幾個(gè)，發(fā)現(xiàn)a便簽上有name屬性獲取不到此元素，form與img獲取到了

在當(dāng)前文檔里任何元素有id屬性，就可以

下面還有一段看起來費(fèi)勁，這個(gè)方法也不是好方法就不看了，大致可以得到下面結(jié)論
iframe, applet, form, img, object等元素有name屬性，可以通過window[name值]獲取到該元素，任何當(dāng)前文檔元素有id，可以通過window[id值]獲取該元素

賢心大神威武，又知道一個(gè)小竅門