JavaScript基礎(chǔ)-3

<h2>補(bǔ)充</h2>
<h2><a href="#ten">入口函數(shù)【掌握】</a></h2>
<h2><a href="#eleven">js引入頁(yè)面樣式【了解】</a></h2>
<h2 id="ten">入口函數(shù)【掌握】</h2>
<ul>
<li>
JavaScript書寫位置的區(qū)別
<ul>
<li>window.onload(當(dāng)整個(gè)文檔加在完以后調(diào)用)</li>
</ul>
</li>
</ul>
<h2 id="eleven">js引入頁(yè)面樣式【了解】</h2>
<ul>
<li><code><button onclick="alert('我是按鈕')">我是按鈕</button></code>
</li>
<li>點(diǎn)擊按鈕同樣可以執(zhí)行【彈出警示框】</li>
</ul>
<h2>一:數(shù)組</h2>
<ul>
<li>
1.什么是數(shù)組划滋?
<ul>
<li>
作用:
<ul>
<li>數(shù)組【對(duì)象】就是專門用來(lái)【存儲(chǔ)】“一系列”的值。</li>
</ul>
</li>
</ul>
</li>
<li>
2.如何定義一個(gè)數(shù)組
<ul>
<li>方式一【幾乎沒(méi)人用】:使用關(guān)鍵詞 new 創(chuàng)建數(shù)組對(duì)象 var myArray=new Array()</li>
<li>方式二【開(kāi)發(fā)中常用】:var myArray = [];</li>
</ul>
</li>
<li>
3.數(shù)組的lengh屬性漆改;
<ul>
<li>arr.length:返回該數(shù)組對(duì)象的長(zhǎng)度 </li>
</ul>
</li>
<li>
3.數(shù)組的遍歷
<ul>
<li>什么是遍歷送讲?</li>
<li>
var arr = [1,“zhangsan”,"lis",3,"88"];
<ul>
<li>就是取出數(shù)組中每一個(gè)元素铆帽。</li>
<li>因?yàn)閿?shù)組是【有序的】丽猬、【一系列數(shù)據(jù)的集合】歌粥,所以可以根據(jù)【下標(biāo)或者索引】來(lái)獲取數(shù)組中的每一元素</li>
<li>var[0]</li>
<li>var[1]</li>
<li>var[2]</li>
<li>var[...] </li>
</ul>
</li>
<li>
//遍歷數(shù)組的元素攀操、
<ul>
<li>for(var i = 0;i<arr.length;i++)
{
console.log(arr[i]);
}</li>
</ul>
</li>
</ul>
</li>
<li>
4.數(shù)組的常用方法
<ul>
<li>增【push()】</li>
<li>刪【pop()】</li>
<li>改【拿到對(duì)應(yīng)的角標(biāo)直接改】</li>
<li>查【拿到對(duì)應(yīng)的角標(biāo)直接查看(或者遍歷)】</li>
<li>連接數(shù)組【join()】</li>
<li><a >數(shù)組的更多其他方法鏈接</a> </li>
</ul>
</li>
</ul>
<h2>二:通過(guò)標(biāo)簽名稱獲取標(biāo)簽</h2>
<ul>
<li>案例:</li>
<li>1.數(shù)組遍歷的應(yīng)用:【隔行變色】 </li>
<li>
<p>2.反選和全選</p>
<ul>
<li>全選:利用循環(huán)給每個(gè)標(biāo)簽的checked屬性設(shè)置為 true</li>
<li>全不選:利用循環(huán)給每個(gè)標(biāo)簽的checked屬性設(shè)置為 false</li>
<li>取反:獲取當(dāng)前標(biāo)簽的狀態(tài)凯正,然后取反</li>
</ul>
</li>
<li>
<p>3.九宮格的布局</p>
<ul>
<li>2.1.定義總共的列數(shù)</li>
<li>2.2定義當(dāng)前行(i / 總列數(shù))和當(dāng)前列(i % 總列數(shù))</li>
<li>2.3定位left和top</li>
</ul>
</li>
<li>
<p>4.排他思想</p>
<ul>
<li>3.1先讓所有的標(biāo)簽的className為空“”</li>
<li>3.2點(diǎn)擊誰(shuí)毙玻,誰(shuí)的類名為“current"(this.className)</li>
<li>3.3總結(jié)干掉所有人(包括自己),自己然后自己(this)在重生</li>
</ul>
</li>
<li>
<p>5.通過(guò)類名獲取標(biāo)簽</p>
<ul>
<li>1.getElementsByClassName(但是ie6漆际、7淆珊、8不認(rèn)識(shí))</li>
<li>
2.封裝自己的工具類
<ul>
<li>2.1:如果瀏覽器支持:直接返回document.getElementsByClassName(className)</li>
<li>2.2:如果瀏覽器不支持: 原理:遍歷所有的的標(biāo)簽,獲取標(biāo)簽的類名奸汇,如果等于指定的類名施符,那么獲取出來(lái)添加到數(shù)組中</li>
</ul>
</li>
</ul>
</li>
<li>
6.通過(guò)類名獲取標(biāo)簽完整版(判斷多個(gè)類名)
<ul>
<li>1.如果瀏覽器支持:直接返回 document.getElementsByClassName(className)</li>
<li>
2.不支持
<ul>
<li>2.1獲取所有的標(biāo)簽</li>
<li>2.2.遍歷所有的標(biāo)簽,獲取標(biāo)簽的類名擂找,并且以“空格”分割成數(shù)組戳吝。</li>
<li>2.3.遍歷數(shù)組,判斷數(shù)組中的每一個(gè)元素是否等于指定的類名贯涎,如果等于保存起來(lái)听哭。</li>
</ul>
</li>
</ul>
</li>
<li>
7.對(duì)象、方法、變量和屬性
<ul>
<li>變量:</li>
<li>
特點(diǎn):
<ul>
<li>1.用var 來(lái)聲明</li>
<li>2.誰(shuí)都可以使用</li>
</ul>
</li>
<li>
對(duì)象
<ul>
<li>具有特定功能的功能組</li>
<li>方法</li>
<li>方法是能夠在對(duì)象上執(zhí)行的動(dòng)作陆盘。(就是通過(guò)對(duì)象來(lái)調(diào)用的函數(shù))</li>
<li>屬性</li>
<li>屬性是與對(duì)象相關(guān)的值普筹。</li>
<li>
變量和屬性的區(qū)別
<ul>
<li>1.變量誰(shuí)都可以使用</li>
<li>2.屬性不能直接使用,只有對(duì)象可以使用(歸屬于哪個(gè)對(duì)象隘马,哪個(gè)對(duì)象才可以使用)</li>
<li>3.屬性也是變量太防,只不過(guò)使用的權(quán)限不一樣,僅此而已</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
8.自定義屬性
<ul>
<li>舉例:var arr = [1,2,4,55,89];</li>
<li>arr.suibianxie = 100;</li>
<li>suibianxie就是自定義的屬性</li>
<li>
自定義屬性如何來(lái)使用:
- 通過(guò)該對(duì)象.的方式
</li>
</ul>
</li>
<li>
9.tab切換【自定義屬性的練習(xí)】
<ul>
<li>1.利用排他思想實(shí)現(xiàn)上面切換</li>
<li>2.實(shí)現(xiàn)下邊的div顯示或者隱藏</li>
<li>3.下邊的隱藏的盒子的索引和上邊點(diǎn)擊盒子的索引對(duì)應(yīng)即可</li>
<li>4.利用自定義對(duì)象酸员,在遍歷所有的li的時(shí)候給每個(gè)li綁定一個(gè)index屬性</li>
</ul>
</li>
</ul>
<h2>字符串</h2>
<ul>
<li>
10.其他類型轉(zhuǎn)換為字符串類型
<ul>
<li>Boolean 類型的 toString() 方法只是輸出 "true" 或 "false"</li>
<li>
Number 類型的 toString() 方法比較特殊蜒车,它有兩種模式,即默認(rèn)模式和基模式幔嗦。
<ul>
<li>1.采用默認(rèn)模式酿愧,toString() 方法只是用相應(yīng)的字符串輸出數(shù)字值(無(wú)論是整數(shù)、浮點(diǎn)數(shù))</li>
<li>2.采用 Number 類型的 toString() 方法的基模式邀泉,可以用不同的基輸出數(shù)字嬉挡,例如二進(jìn)制的基是 2,八進(jìn)制的基是 8呼渣,十六進(jìn)制的基是 16棘伴。 基只是要轉(zhuǎn)換成的基數(shù)的另一種加法而已寞埠,它是 toString() 方法的參數(shù):</li>
<li>3.number屁置、布爾+字符串類型:結(jié)果都會(huì)變?yōu)樽址愋?lt;/li>
</ul>
</li>
</ul>
</li>
<li>
11.字符串對(duì)象的常用方法
<ul>
<li>連接字符串【concat()】</li>
<li>
檢索字符串【indexOf(a,b)】
<ul>
<li>a為必須參數(shù),規(guī)定需檢索的字符串值仁连。</li>
<li>b為可選的整數(shù)參數(shù)蓝角。規(guī)定在字符串中開(kāi)始檢索的位置。它的合法取值是 0 到 stringObject.length - 1饭冬。如省略該參數(shù)使鹅,則將從字符串的首字符開(kāi)始檢索。</li>
</ul>
</li>
<li>從后向前搜索字符串【lastIndexOf()】</li>
<li>把字符串分割為字符串?dāng)?shù)組【split()】</li>
<li>從起始索引號(hào)提取字符串中指定數(shù)目的字符【substring()】</li>
<li>把字符串轉(zhuǎn)換為小寫【toLowerCase()】</li>
<li>把字符串轉(zhuǎn)換為大寫【toUpperCase()】</li>
</ul>
</li>
<li>
<p>注意點(diǎn):字符串是 JavaScript 的一種基本的數(shù)據(jù)類型昌抠。 String 類定義了大量操作字符串的方法患朱,例如從字符串中提取字符或子串,或者檢索字符或子串炊苫。 需要注意的是裁厅,JavaScript 的字符串是不可變的(immutable),String 類定義的方法都不能改變字符串的內(nèi)容侨艾。像 String.toUpperCase() 這樣的方法执虹,返回的是全新的字符串,而不是修改原始字符串唠梨。 在較早的 Netscape 代碼基的 JavaScript 實(shí)現(xiàn)中(例如 Firefox 實(shí)現(xiàn)中)袋励,字符串的行為就像只讀的字符數(shù)組。例如,從字符串 s 中提取第三個(gè)字符茬故,可以用 s[2] 代替更加標(biāo)準(zhǔn)的 s.charAt(2)盖灸。此外,對(duì)字符串應(yīng)用 for/in 循環(huán)時(shí)磺芭,它將枚舉字符串中每個(gè)字符的數(shù)組下標(biāo)(但要注意糠雨,ECMAScript 標(biāo)準(zhǔn)規(guī)定,不能枚舉 length 屬性)徘跪。因?yàn)樽址臄?shù)組行為不標(biāo)準(zhǔn)甘邀,所以應(yīng)該避免使用它。</p>
</li>
<li>
<p>12.判斷文件名稱【字符串轉(zhuǎn)換為大寫的應(yīng)用】 </p>
</li>
</ul>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末垮庐,一起剝皮案震驚了整個(gè)濱河市松邪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌哨查,老刑警劉巖逗抑,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異寒亥,居然都是意外死亡邮府,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門溉奕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)褂傀,“玉大人,你說(shuō)我怎么就攤上這事加勤∠杀伲” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵鳄梅,是天一觀的道長(zhǎng)叠国。 經(jīng)常有香客問(wèn)我,道長(zhǎng)戴尸,這世上最難降的妖魔是什么粟焊? 我笑而不...
    開(kāi)封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮孙蒙,結(jié)果婚禮上项棠,老公的妹妹穿的比我還像新娘。我一直安慰自己马篮,他們只是感情好沾乘,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著浑测,像睡著了一般翅阵。 火紅的嫁衣襯著肌膚如雪歪玲。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天掷匠,我揣著相機(jī)與錄音滥崩,去河邊找鬼。 笑死讹语,一個(gè)胖子當(dāng)著我的面吹牛钙皮,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播顽决,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼短条,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了才菠?” 一聲冷哼從身側(cè)響起茸时,我...
    開(kāi)封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赋访,沒(méi)想到半個(gè)月后可都,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蚓耽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年渠牲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片步悠。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡签杈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出贤徒,到底是詐尸還是另有隱情芹壕,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布接奈,位于F島的核電站,受9級(jí)特大地震影響通孽,放射性物質(zhì)發(fā)生泄漏序宦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一背苦、第九天 我趴在偏房一處隱蔽的房頂上張望互捌。 院中可真熱鬧,春花似錦行剂、人聲如沸秕噪。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)腌巾。三九已至遂填,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間澈蝙,已是汗流浹背吓坚。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留灯荧,地道東北人礁击。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像逗载,于是被迫代替她去往敵國(guó)和親哆窿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評(píng)論 0 4
  • 心心念念了很久的客家娘酒 終是喝上了一小口 入口綿柔 捎帶著點(diǎn)干甜滑過(guò)喉嚨 不辣 后勁倒是很足 宛若你和她之間那深...
    毛毛靜丫閱讀 299評(píng)論 3 4
  • 胡蘭成與張愛(ài)玲的“歲月靜好”厉斟,這些年被用得十分時(shí)髦更耻、還有點(diǎn)俗爛,我并無(wú)意趕此時(shí)髦捏膨。 可當(dāng)我透過(guò)...
    若水RS閱讀 575評(píng)論 0 1
  • 你家爆發(fā)過(guò)家庭戰(zhàn)爭(zhēng)嗎号涯? 你如何看待家庭戰(zhàn)爭(zhēng)目胡? “家丑不可外揚(yáng)”對(duì)你有過(guò)怎樣的影響? 你是否也是一個(gè)在外粉飾家庭而在...
    凌霄love閱讀 1,180評(píng)論 0 1