這篇文章主要介紹了js中script上下放置的區(qū)別是什么,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
公司主營(yíng)業(yè)務(wù):網(wǎng)站設(shè)計(jì)、做網(wǎng)站、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出習(xí)水免費(fèi)做網(wǎng)站回饋大家。
具體如下:
回顧
javascript分為三部分:
1、ECMAScript5.0 es6(阮一峰) es7 es8 es6中有類的概念
聲明變量 var let(es6中語法)
內(nèi)置函數(shù) Date Math.random
if else switch while do-while for
2、DOM Document Object Model
獲取DOM事件的三種方式
getElementById()
getElementsByTagName()
getElementsByClassName()
DOM的三步走
①、事件對(duì)象
②、事件、
③、事件驅(qū)動(dòng)
值操作:
too liangoDiv.innerText='too liang';
僅僅設(shè)置文本oDiv.innerHTML='too liang
';
文本和標(biāo)簽一起渲染oInput.value='alex';
僅僅是對(duì)表單控件有效標(biāo)簽屬性操作;
設(shè)置類名:oDiv.className+=' active';
追加類名、
設(shè)置id:oDiv.id='box';
樣式操作:
oDiv.style.(css中所有的樣式屬性)
注意駝峰體:如果margin-left 使用js的時(shí)候marginLeft
3、BOM
在head和body中放置的區(qū)別
Title
DOM的增刪改查
Title 測(cè)試段落
應(yīng)用場(chǎng)景分析
如果是一開始頁(yè)面有初始化渲染開銷;應(yīng)用:頻繁的切換:display:none|block 或者 追加className 刪除className
如果是DOM的創(chuàng)建和刪除 如果你是頻繁的切換,對(duì)DOM的性能消耗很大,所以最好應(yīng)用在少量的切換上面
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“js中script上下放置的區(qū)別是什么”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!