H5edu -第二周-----js基礎(chǔ)(2)

1、數(shù)組
聲明數(shù)組
var arr=[1,2,3]
var arr=new Array(1,3,5)
數(shù)組長度 arr.length
2、數(shù)組操作
①末尾添加數(shù)據(jù)
arr.push(7);//返回值是數(shù)組長度
②前面添加數(shù)據(jù)
arr.unshift(8);//返回值是數(shù)組長度
③刪除數(shù)組元素-最后一個值
arr.pop();//返回值是刪掉的元素值
④刪除第一個元素
arr.shift()//返回值是刪掉的元素值
⑤連接兩個數(shù)組---不會改變現(xiàn)有的數(shù)組塞关,僅僅會返回一個連接數(shù)組的副本
var aa = [1,3,5]; var bb = [“a”,”b”,”c”];
aa.concat(bb);
⑥將數(shù)組轉(zhuǎn)換為字符串
join();
數(shù)組名.join(符號);//符號為指定的分隔符缴渊,如果省略姨拥,則使用逗號作為分割符
⑦將字符串轉(zhuǎn)換為數(shù)組
字符串名.split(要替換的符號,返回的數(shù)組的最大長度)
例: var text="aa-aa"
text.split("-");//要與字符串中的一樣
3足陨、DOM樹

image.png

4、節(jié)點關(guān)系
image.png

5娇未、dom節(jié)點操作
①創(chuàng)建節(jié)點
var div=document.createElement(“div”);
創(chuàng)建一個新的div標簽
②插入節(jié)點
appendChild();添加孩子墨缘,放到最后面
demo.insertBefore(插入的節(jié)點,參照節(jié)點);//放到參照節(jié)點的前面飒房,若參照節(jié)點為空搁凸,則默認放到最后面
③移除節(jié)點---移除父節(jié)點的一個子節(jié)點
demo.removeChild(要移除的節(jié)點)
④克隆節(jié)點
cloneNode(參數(shù));//參數(shù)為true,深層復制狠毯,除了復制本盒子护糖,還有子節(jié)點
參數(shù)為false,淺層復制,只復制本節(jié)點嚼松,不包括子節(jié)點
6嫡良、設置節(jié)點屬性
1、setAttribute("屬性名"献酗,屬性值)寝受;//添加屬性
2、getAttribute("屬性名");//獲取屬性
3罕偎、removeAttribute("屬性名");//刪除某個屬性
7很澄、計時器
setInterval("執(zhí)行的函數(shù)",間隔時間)颜及;//間隔時間以毫秒為單位
每隔多長時間執(zhí)行一次
setTimeout(function甩苛,tim);//隔tim時間執(zhí)行function函數(shù)俏站,只執(zhí)行一次
clearInterval(計時器名)讯蒲;//清除計時器
8、添加事件監(jiān)聽器
要添加的對象.addEventListener("監(jiān)聽的事件",“事件觸發(fā)的回調(diào)函數(shù)”,"捕獲/冒泡");
冒泡:點擊子代會向外傳遞肄扎,默認墨林,false
捕獲:從父代向子代傳遞 true
默認時冒泡
9、字符串操作
<1>轉(zhuǎn)換為字符串
1犯祠、+“” 2+""="2"
2旭等、String()
3、toString(基數(shù))衡载;基數(shù)就是進制
var text=10;
text.toString(2) 二進制 1010
<2>獲取字符串位置方法
chartAt(字符位置);//獲取相應位置的字符
charCodeAt(字符位置);//獲取相應位置的Unicode編碼
<3>根據(jù)字符返回位置
indexOf("字符");//從左開始數(shù)搔耕,找到第一個相對應的字符,返回字符的位置月劈,(從0開始)
lastIndexOf("字符")度迂;//從后面開始數(shù),返回值 還是從 左邊開始 數(shù)的 索引號 猜揪。
<4>concat();連接字符串
<5> 獲取一段字符串
slice("取字符串的起始位置"惭墓,[“結(jié)束位置”]);[]可選的
起始位置一定要有,結(jié)束位置可以省略而姐,要是省略默認到最后
substr("起始位置",[取的個數(shù)]);//不寫取的個數(shù)默認取到最后
substring 同slice 一樣的 但是有一點不同
substring 始終會把 小的值作為 起始位置 大的值作為結(jié)束位置
例如: substring(6,3) 實際中 自動變成 substring(3,6);
10腊凶、保留小數(shù)位數(shù)
通過indexOf(".");返回小數(shù)點的位置,再使用substr()截取字符串
toFixed(2);//保留2位小數(shù)
11、大小寫轉(zhuǎn)換
toUpperCase();//轉(zhuǎn)換為大寫(參數(shù):無)
toLowerCase();//轉(zhuǎn)換為小寫(參數(shù):無)
12、獲取元素尺寸
① offsetWidth 得到對象的寬度
offsetWidth=width+border+padding
② offsetHeight 得到對象的高度
③offsetLeft 返回距離上級盒子(最近的帶有定位)左邊的位置钧萍,從父級的padding開始算褐缠,父級的border不算

image.png

④offsetTop 返回距離上級盒子(最近的帶有定位)頂部的位置,從父級的padding開始算风瘦,父級的border不算
⑤offsetParent
返回對象的父級(帶有定位)
13队魏、事件對象 event

image.png

event常見屬性
屬性 作用
data 返回拖拽對象的URL字符串(dragDrop)
width 該窗口或框架的高度
height 該窗口或框架的高度
pageX 光標相對于該網(wǎng)頁的水平位置(ie無)
pageY 光標相對于該網(wǎng)頁的垂直位置(ie無)
screenX 光標相對于該屏幕的水平位置
screenY 光標相對于該屏幕的垂直位置
target 該事件被傳送到的對象
type 事件的類型
clientX 光標相對于該網(wǎng)頁的水平位置 (當前可見區(qū)域)
clientY 光標相對于該網(wǎng)頁的水平位置
14、

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末万搔,一起剝皮案震驚了整個濱河市胡桨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌瞬雹,老刑警劉巖昧谊,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異酗捌,居然都是意外死亡呢诬,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進店門胖缤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尚镰,“玉大人,你說我怎么就攤上這事草姻〉鲡” “怎么了稍刀?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵撩独,是天一觀的道長。 經(jīng)常有香客問我账月,道長综膀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任局齿,我火速辦了婚禮剧劝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘抓歼。我一直安慰自己讥此,他們只是感情好,可當我...
    茶點故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布谣妻。 她就那樣靜靜地躺著萄喳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蹋半。 梳的紋絲不亂的頭發(fā)上他巨,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天,我揣著相機與錄音,去河邊找鬼染突。 笑死捻爷,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的份企。 我是一名探鬼主播也榄,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼司志!你這毒婦竟也來了手蝎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤俐芯,失蹤者是張志新(化名)和其女友劉穎棵介,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吧史,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡邮辽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了贸营。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吨述。...
    茶點故事閱讀 39,739評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖钞脂,靈堂內(nèi)的尸體忽然破棺而出揣云,到底是詐尸還是另有隱情,我是刑警寧澤冰啃,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布邓夕,位于F島的核電站,受9級特大地震影響阎毅,放射性物質(zhì)發(fā)生泄漏焚刚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一扇调、第九天 我趴在偏房一處隱蔽的房頂上張望矿咕。 院中可真熱鬧,春花似錦狼钮、人聲如沸碳柱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽莲镣。三九已至,卻和暖如春猛蔽,著一層夾襖步出監(jiān)牢的瞬間剥悟,已是汗流浹背灵寺。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留区岗,地道東北人略板。 一個月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像慈缔,于是被迫代替她去往敵國和親叮称。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,647評論 2 354

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

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,233評論 0 4
  • 《ijs》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,123評論 0 7
  • js簡介 Js是一種基于事件和對象驅(qū)動的解釋性藐鹤、松散性的語言瓤檐。 一切皆對象 javascript 布蘭登艾奇 ...
    塔庫納瑪哈哈閱讀 1,204評論 0 2
  • 運營渠道:知乎答題,豆瓣小組娱节,馬蜂窩挠蛉,窮游,妙計肄满,微信公號谴古,qq興趣部落,興趣貼吧等稠歉。 運營內(nèi)容:過往公眾號文章掰担,...
    H河童閱讀 181評論 0 0
  • 每個人都向往光榮,害怕失敗怒炸。有時候带饱,這是一體兩面,有時候阅羹,卻一家獨大勺疼。 有些人,追尋的是光榮灯蝴,他/她想象著目標實現(xiàn)...
    裊裊iooi閱讀 508評論 0 1