資訊專欄INFORMATION COLUMN
摘要：這兩天在幫其他項(xiàng)目組的同事做項(xiàng)目，他們使用，在使用模板時(shí)產(chǎn)生了一個(gè)疑問(wèn)，先上代碼沒(méi)有在里面定義，只在頁(yè)面上寫(xiě)了一個(gè)標(biāo)簽，是如何獲取到變量的呢先到輸入，咔還真沒(méi)報(bào)錯(cuò)，也不是，好神奇啊，是不是遍歷了所有的，將所有非普通的都設(shè)為全局變量了，先搜，
這兩天在幫其他項(xiàng)目組的同事做項(xiàng)目，他們使用layui，在使用模板時(shí)產(chǎn)生了一個(gè)疑問(wèn)，先上代碼
var getTpl = tpl_crumbs_list.innerHTML
tpl_crumbs_list沒(méi)有在js里面定義，只在頁(yè)面上寫(xiě)了一個(gè)標(biāo)簽，layui是如何獲取到變量tpl_crumbs_list的呢？？？？
先到console輸入tpl_crumbs_list，咔還真沒(méi)報(bào)錯(cuò)，也不是undefined，好神奇啊，是不是layui遍歷了所有的script，將所有非普通type的script都設(shè)為全局變量了，先搜script，好像沒(méi)有，再搜id也沒(méi)有，靠靠靠，什么情況，給layui.js加斷點(diǎn)，一個(gè)函數(shù)一個(gè)函數(shù)運(yùn)行，跑到最后tpl_crumbs_list，也是還是沒(méi)值啊
猜想很有可能與layui沒(méi)有關(guān)系，只要元素有id，就可以通過(guò)window[id內(nèi)容]獲取到此元素，在百度頁(yè)面實(shí)驗(yàn)了一下
果然如此
上百度，好不容易找到了Named access on the Window object
上來(lái)就說(shuō)這是非常規(guī)標(biāo)準(zhǔn)定義，使用此API會(huì)使代碼脆弱不健壯，建議使用document.getElementById()或者document.querySelector()方法
自我感覺(jué)英語(yǔ)還行，但讀起規(guī)范來(lái)總感覺(jué)力不從心
主要有下面三種情況
子瀏覽內(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屬性，就可以
下面還有一段看起來(lái)費(fèi)勁，這個(gè)方法也不是好方法就不看了，大致可以得到下面結(jié)論
iframe, applet, form, img, object等元素有name屬性，可以通過(guò)window[name值]獲取到該元素，任何當(dāng)前文檔元素有id，可以通過(guò)window[id值]獲取該元素
賢心大神威武，又知道一個(gè)小竅門
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54615.html
摘要：而在構(gòu)造函數(shù)中，返回了的實(shí)例對(duì)象。在中直接返回過(guò)的實(shí)例，這里的是的真正構(gòu)造函數(shù)最后對(duì)外暴露入口時(shí)，將字符與對(duì)等起來(lái)。因此當(dāng)我們直接使用創(chuàng)建一個(gè)對(duì)象時(shí)，實(shí)際上是創(chuàng)建了一個(gè)的實(shí)例，這里的正真構(gòu)造函數(shù)是原型中的方法。 showImg(https://segmentfault.com/img/remote/1460000008749398); 早幾年學(xué)習(xí)前端，大家都非常熱衷于研究jQuery源...
摘要：推薦事件事件流事件流就是事件處理執(zhí)行的過(guò)程。事件注冊(cè)事件類型事件處理函數(shù)是否在捕獲階段觸發(fā)。這個(gè)就是事件對(duì)象第二行的就是事件對(duì)象。除了阻止事件傳遞到父節(jié)點(diǎn)，還阻止了當(dāng)前節(jié)點(diǎn)的后續(xù)事件。缺陷流量代價(jià)，安全性問(wèn)題，大小限制。 文檔樹(shù) DOM：Document Object Model 即：用對(duì)象的形式表示HTML、CSS。 DOM包含： DOM Core DOM HTML DOM Sty...
摘要：如果是自動(dòng)創(chuàng)建的則其基本包裝類對(duì)象只存在一瞬間。使用對(duì)象的函數(shù)對(duì)所有非字母數(shù)字進(jìn)行編碼。表示能否修改屬性的值表示值訪問(wèn)器屬性默認(rèn)為。下面是同時(shí)進(jìn)行多個(gè)屬性的設(shè)置的語(yǔ)法示例設(shè)置為表示不能進(jìn)行值的修改。 想復(fù)習(xí)一下javascript高級(jí)程序設(shè)計(jì)一書(shū)的內(nèi)容，寫(xiě)下了下面的筆記，都是比較細(xì)的點(diǎn)，想到什么就寫(xiě)什么了，可能有點(diǎn)略雜。 Array數(shù)組部分 1.Array的length不僅是可讀的，而...
摘要：若遇到哈希沖突，則將沖突的值加到鏈表中即可。之后相比于之前的版本，之后在解決哈希沖突時(shí)有了較大的變化，當(dāng)鏈表長(zhǎng)度大于閾值默認(rèn)為時(shí)，將鏈表轉(zhuǎn)化為紅黑樹(shù)，以減少搜索時(shí)間。有序，唯一紅黑樹(shù)自平衡的排序二叉樹(shù)。 本文是最最最常見(jiàn)Java面試題總結(jié)系列第三周的文章。主要內(nèi)容： Arraylist 與 LinkedList 異同 ArrayList 與 Vector 區(qū)別 HashMap的底層...
摘要：代碼修正后修改后，我們可以排列無(wú)限個(gè)數(shù)字這樣，一個(gè)冒泡排序就完成了。，數(shù)組名表示整個(gè)數(shù)組。 首先感謝一位博主： 原來(lái)45 他寫(xiě)的博客內(nèi)容十分詳細(xì)，為我創(chuàng)造博客提供了莫大的幫助，也為我解決了很多困難。 先貼出2篇他的文章 C語(yǔ)言從入門到入土（入門篇）(數(shù)組p1)_原來(lái)45的博客-CSDN博客 ...
閱讀 2569·2023-04-26 02:57
閱讀 1446·2023-04-25 21:40
閱讀 2231·2021-11-24 09:39
閱讀 3604·2021-08-30 09:49
閱讀 801·2019-08-30 15:54
閱讀 1200·2019-08-30 15:52
閱讀 2171·2019-08-30 15:44
閱讀 1301·2019-08-28 18:27
