JS基礎

1.獲取非行間樣式

? ?//獲取非行間css樣式

? ?function getStyle(obj,attr){//獲取非行間樣式施流,obj是對象,attr是值

? ? ? ?if(obj.currentStyle){ ? ? ? ?//針對ie獲取非行間樣式

? ? ?returnobj.currentStyle[attr];

? ?}else{

? ? returngetComputedStyle(obj,false)[attr]; ? ? ?//針對低版本FireFox

? ?};

? };

//為對象寫入/獲取css樣式

function css(obj,attr,value){ ? ? //對象喉童,樣式,值。傳2個參數(shù)的時候為獲取樣式辅辩,3個是設置樣式

if(arguments.length == 2){ ? ? ?//arguments參數(shù)數(shù)組炒事,當參數(shù)數(shù)組長度為2時表示獲取css樣式

returngetStyle(obj,attr); ? ? ? ? ? ?//返回對象的非行間樣式用上面的getStyle函數(shù)

}else{

if(arguments.length == 3){ ? ? ?//當傳三個參數(shù)的時候為設置對象的某個值

obj.style[attr] = value;

};

};

};

window.onload = function(){

varoDiv = document.getElementById("div1");

varoBtn = document.getElementById("btn");

oBtn.onclick = function(){

alert(getStyle(oDiv,"height"));

css(oDiv,"background","green");

alert(css(oDiv,"width"));

};

};


2.什么是真假臀栈?

真:true:非零數(shù)字,非空字符串挠乳,非空對象

假:false:數(shù)字零权薯,空字符串,空對象睡扬,null盟蚣,undefined


3.String 對象屬性

(1)charAt:返回在指定位置的字符。

(2)IndexOf:.檢索字符串卖怜。

(3)substring:提取字符串中兩個指定的索引號之間的字符屎开。

(4)replace:替換

(5)slice:提取字符串的片斷,并在新的字符串中返回被提取的部分马靠。

(6)lastIndexOf:從后向前搜索字符串牍戚。

(7)toLowercase:把字符串轉換為小寫。

(8)toUppercase:把字符串轉換為大寫虑粥。

(9)link:將字符串顯示為鏈接如孝。

(10)split:把字符串分割為字符串數(shù)組。

(11)substr:從起始索引號提取字符串中指定數(shù)目的字符娩贷。

(12)concat:連接字符串第晰。

(13)toString:返回字符串.


4.Array 對象方法

(1)join:把數(shù)組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔彬祖。

(2)pop:刪除并返回數(shù)組的最后一個元素茁瘦。

(3)sort:對數(shù)組的元素進行排序。

(4)push:向數(shù)組的末尾添加一個或更多元素储笑,并返回新的長度甜熔。

(5)unshift:向數(shù)組的開頭添加一個或更多元素,并返回新的長度突倍。

(6)shift:刪除并返回數(shù)組的第一個元素腔稀。

(7)reverse:顛倒數(shù)組中元素的順序盆昙。

(8)slice:從某個已有的數(shù)組返回選定的元素。

(9)splice:刪除元素焊虏,并向數(shù)組添加新元素淡喜。


5.ajax的兩種解析方法

ajax的全稱:asynchronous javascript and xml

(1)eval: .var dataObj=eval("("+data+")");//轉換為json對象

(2) .data =(new Function("","return "+json))(); ? //使用Function對象來完成,它的典型應用就是在JQUERY中的AJAX方法下的success等對于返回數(shù)據(jù)data的解析\


6.javascript的事件

onclick ? ? ? ? ? ? 鼠標點擊時觸發(fā)此事件

ondblclick ? ? ? ? 鼠標雙擊時觸發(fā)此事件

onmousedown ?按下鼠標時觸發(fā)此事件

onmouseup ? ? ? 鼠標按下后松開鼠標時觸發(fā)此事件

onmouseover ? ? 當鼠標移動到某對象范圍的上方時觸發(fā)此事件

onmousemove ? ?鼠標移動時觸發(fā)此事件

onmouseout ? ? ? ?當鼠標離開某對象范圍時觸發(fā)此事件

onkeypress ? ? ? ? ?當鍵盤上的某個鍵被按下并且釋放時觸發(fā)此事件.

onkeydown ? ? ? ? ? 當鍵盤上某個按鍵被按下時觸發(fā)此事件

onkeyup ? ? ? ? ? ? ? ?當鍵盤上某個按鍵被按放開時觸發(fā)此事件

onabort ? ? ? ? ? ? ? ? ?圖片在下載時被用戶中斷

onbeforeunload ? ? 當前頁面的內容將要被改變時觸發(fā)此事件

onerror ? ? ? ? ? ? ? ? ? 出現(xiàn)錯誤時觸發(fā)此事件

onload ? ? ? ? ? ? ? ? ? 頁面內容完成時觸發(fā)此事件

onmove ? ? ? ? ? ? ? ? 瀏覽器的窗口被移動時觸發(fā)此事件

onresize ? ? ? ? ? ? ? ? 當瀏覽器的窗口大小被改變時觸發(fā)此事件

onscroll ? ? ? ? ? ? ? ? 瀏覽器的滾動條位置發(fā)生變化時觸發(fā)此事件

onstop ? ? ? ? ? ? ? ? ? 瀏覽器的停止按鈕被按下時觸發(fā)此事件或者正在下載的文件被中斷

onunload ? ? ? ? ? ? ? ?當前頁面將被改變時觸發(fā)此事件

onblur ? ? ? ? ? ? ? ? ? ? 當前元素失去焦點時觸發(fā)此事件

onchange ? ? ? ? ? ? ? 當前元素失去焦點并且元素的內容發(fā)生改變而觸發(fā)此事件

onfocus ? ? ? ? ? ? ? ? ?當某個元素獲得焦點時觸發(fā)此事件

onreset ? ? ? ? ? ? ? ? ? 當表單中RESET的屬性被激發(fā)時觸發(fā)此事件

onsubmit ? ? ? ? ? ? ? ? 一個表單被遞交時觸發(fā)此事件

滾動字幕事件onbounce ? 在Marquee內的內容移動至Marquee顯示范圍之外時觸發(fā)此事件

onfinish ? ? ? ? ? ? ? ? ? 當Marquee元素完成需要顯示的內容后觸發(fā)此事件

onstart ? ? ? ? ? ? ? ? ? ? 當Marquee元素開始顯示內容時觸發(fā)此事件

onbeforecopy ? ? ? ? ? 當頁面當前的被選擇內容將要復制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)此事件

onbeforecut ? ? ? ? ? ? ?當頁面中的一部分或者全部的內容將被移離當前頁面[剪貼]并移動到瀏覽者的系統(tǒng)剪貼板時觸發(fā)此事件

onbeforeeditfocus ? ? 當前元素將要進入編輯狀態(tài)

onbeforepaste ? ? ? ? ? 內容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時觸發(fā)此事件

onbeforeupdate ? ? ? ? 當瀏覽者粘貼系統(tǒng)剪貼板中的內容時通知目標對象

oncontextmenu ? ? ? ? ?當瀏覽者按下鼠標右鍵出現(xiàn)菜單時或者通過鍵盤的按鍵觸發(fā)頁面菜單時觸發(fā)的事件

oncopy ? ? ? ? ? ? ? ? ? ? ? ?當頁面當前的被選擇內容被復制后觸發(fā)此事件

oncut ? ? ? ? ? ? ? ? ? ? ? ? ?當頁面當前的被選擇內容被剪切時觸發(fā)此事件

ondrag ? ? ? ? ? ? ? ? ? ? ? 當某個對象被拖動時觸發(fā)此事件 [活動事件]

ondragdrop ? ? ? ? ? ? ? ?一個外部對象被鼠標拖進當前窗口或者幀

ondragend ? ? ? ? ? ? ? ?當鼠標拖動結束時觸發(fā)此事件诵闭,即鼠標的按鈕被釋放了

ondragenter ? ? ? ? ? ? 當對象被鼠標拖動的對象進入其容器范圍內時觸發(fā)此事件

ondragleave ? ? ? ? ? ? 當對象被鼠標拖動的對象離開其容器范圍內時觸發(fā)此事件

ondragover ? ? ? ? ? ? ? 當某被拖動的對象在另一對象容器范圍內拖動時觸發(fā)此事件

ondragstart ? ? ? ? ? ? ? ?當某對象將被拖動時觸發(fā)此事件

ondrop ? ? ? ? ? ? ? ? ? ? ?在一個拖動過程中炼团,釋放鼠標鍵時觸發(fā)此事件

onlosecapture ? ? ? ? ? 當元素失去鼠標移動所形成的選擇焦點時觸發(fā)此事件

onpaste ? ? ? ? ? ? ? ? ? ? 當內容被粘貼時觸發(fā)此事件

onselect ? ? ? ? ? ? ? ? ? ? 當文本內容被選擇時的事件

onselectstart ? ? ? ? ? ? ?當文本內容選擇將開始發(fā)生時觸發(fā)的事件

onafterupdate ? ? ? ? ? 當數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時觸發(fā)此事件

oncellchange ? ? ? ? ? ? 當數(shù)據(jù)來源發(fā)生變化時

ondataavailable ? ? ? ? 當數(shù)據(jù)接收完成時觸發(fā)事件

ondatasetchanged ? ? 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時觸發(fā)的事件

ondatasetcomplete ? ? 當來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時觸發(fā)此事件

onerrorupdate ? ? ? ? ? ? 當使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時,代替onAfterUpdate事件

onrowenter ? ? ? ? ? ? ? ? ?當前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時觸發(fā)的事件

onrowexit ? ? ? ? ? ? ? ? ? ? ? 當前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時觸發(fā)的事件

onrowsdelete ? ? ? ? ? ? ? ? 當前數(shù)據(jù)記錄將被刪除時觸發(fā)此事件

onrowsinserted ? ? ? ? ? ? ? 當前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時觸發(fā)此事件

外部事件onafterprintI ? ? ?當文檔被打印后觸發(fā)此事件

onbeforeprint ? ? ? ? ? ? ? ? ? 當文檔即將打印時觸發(fā)此事件

onfilterchange ? ? ? ? ? ? ? ? ?當某個對象的濾鏡效果發(fā)生變化時觸發(fā)的事件

onhelpIE4疏尿、N當瀏覽者按下F1或者瀏覽器的幫助選擇時觸發(fā)此事件

onpropertychange ? ? ? ? ? ?當對象的屬性之一發(fā)生變化時觸發(fā)此事件

onreadystatechange ? ? ? ?當對象的初始化屬性值發(fā)生變化時觸發(fā)此事件


7.事件委托

什么是事件委托:通俗的講瘟芝,事件就是onclick,onmouseover褥琐,onmouseout模狭,等就是事件,委托呢踩衩,就是讓別人來做嚼鹉,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做驱富,完成這個事件锚赤。也就是:利用冒泡的原理,把事件加到父級上褐鸥,觸發(fā)執(zhí)行效果线脚。


8.i(for循環(huán)中的i什么情況不能用)?

? ? 循環(huán)中加事件不能用i,

? ? 解決方法:自定義屬性叫榕,封閉空間(循環(huán)中定時器浑侥,循環(huán)加事件。自定義屬性第一次加載會過濾掉晰绎,所以別加載行間)


9.this問題(this什么時候不能用)?

(1)定時器中不能用this

(2)事件中嵌套一層函數(shù)

(3)行間中不能嵌套this

(4)attchevent不能用ths


10.嚴格模式

? 好處:局部變量寓落,this指向window的buger

?不加 ?var聲明變量的buger

?不能用 ?with

預解析:變量提前,但不賦值


11.什么是堆棧荞下?

堆:是引用類型 ? 先進先出 ?

棧:是基本類型 ? ?先進先出

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末伶选,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子尖昏,更是在濱河造成了極大的恐慌仰税,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抽诉,死亡現(xiàn)場離奇詭異陨簇,居然都是意外死亡,警方通過查閱死者的電腦和手機迹淌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進店門河绽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來匙赞,“玉大人垂寥,你說我怎么就攤上這事弦叶』舆耄” “怎么了光涂?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵宏怔,是天一觀的道長坊谁。 經(jīng)常有香客問我篓吁,道長矮嫉,這世上最難降的妖魔是什么削咆? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮蠢笋,結果婚禮上拨齐,老公的妹妹穿的比我還像新娘。我一直安慰自己昨寞,他們只是感情好瞻惋,可當我...
    茶點故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著援岩,像睡著了一般歼狼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上享怀,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天羽峰,我揣著相機與錄音,去河邊找鬼添瓷。 笑死梅屉,一個胖子當著我的面吹牛,可吹牛的內容都是我干的鳞贷。 我是一名探鬼主播坯汤,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼搀愧!你這毒婦竟也來了玫霎?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤妈橄,失蹤者是張志新(化名)和其女友劉穎庶近,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體眷蚓,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡鼻种,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了沙热。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叉钥。...
    茶點故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡罢缸,死狀恐怖,靈堂內的尸體忽然破棺而出投队,到底是詐尸還是另有隱情枫疆,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布敷鸦,位于F島的核電站息楔,受9級特大地震影響,放射性物質發(fā)生泄漏扒披。R本人自食惡果不足惜值依,卻給世界環(huán)境...
    茶點故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望碟案。 院中可真熱鬧愿险,春花似錦、人聲如沸价说。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鳖目。三九已至扮叨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間疑苔,已是汗流浹背甫匹。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留惦费,地道東北人兵迅。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像薪贫,于是被迫代替她去往敵國和親恍箭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,515評論 2 359

推薦閱讀更多精彩內容

  • 一瞧省、DOM 什么是DOM扯夭?Document Object Model(文檔對象模型)。DOM是針對HTML和XML...
    空谷悠閱讀 974評論 0 2
  • w一:rem布局公式 document.documentElement.style.fontSize=20*doc...
    stars甜閱讀 785評論 0 1
  • 今天鞍匾,聽同學在說她認識的一個幼兒園的一些家長因為孩子在園里意外摔倒交洗,老師忘記告知家長,后孩子回家說給父母橡淑,次日發(fā)現(xiàn)...
    田螺姑娘FZ閱讀 156評論 0 0
  • 星辰若能成為我窺探你的眼睛就不要在意它的閃爍了久久看不見的你把一個故鄉(xiāng)點亮我卻遠走四方 我想用無限的想象為你畫一個...
    YSKik閱讀 166評論 0 0
  • 我的讀書啟蒙開始于鄉(xiāng)里唯一的書店构拳。 當年高爾基的《童年》就被安放在一米多高的黃色木質書架上,在十幾平米的書店里無人...
    劉不里閱讀 142評論 0 2