JS

java script學習筆記


DOM對象:把body、div、p等節點樹看成一個對象。

BOM對象:把瀏覽器的地址欄、歷史記錄、DOM等裝在一個對象。

js的引入方式:1、<script>.....</script>;2、寫一個js文件(不需要script標簽),然后在需要使用的地方通過<script src="./01.js"></script>

問題:為什么把js放到最后!

答案:1、因為是按照順序渲染的.,所以先讓用戶看到內容,再進行渲染.;2、js先執行的話,如果需要getElement一個p標簽,但是p標簽還沒有呢,那渲染個毛線。

變量聲明:

JS的變量名可以用字母數字下劃線和$組成,其他要求都差不多一致。

JS的變量名是區分大小寫的。

變量名一定要加上var,不加和加var不是一回事!而且可能污染全局。

null 和 undefined:

null是對象,undefined指原生數據類型。絕大多數情況下都一樣用就行。

數組的索引就是0到n,刪除數組中某個元素,還是一樣0到N編排。

Js中拼接用+號,一旦遇到非法數字后,后面一律理解為“拼接”。比如:2+3+'請問'+2+3結果為“5請問23”

點語法不是萬能的

修改DOM對象的屬性就是直接obj.屬性 = xxx就行了,有個別例外的,比如一個<div class="xxx"></div>修改它的class應該是 ?divObj.className = xxx;

還有一些帶有橫線的比如border-top-style直接按照-去掉,然后-后面第一個字母大寫就行了。obj.borderTopStyle=xxx

字符串轉成數值:

獲取內存中正在渲染的style:

如果style是寫在css中的,js沒法直接獲取到它的style。這時候在js中就需要使用特定的方法去獲取對象的style。比如:獲取obj的attr屬性。currentStyle()比較老,也有可能不支持而導致語法錯誤!這里只是做個簡單的例子學習使用。可以使用?:三元運算符。

function getStyle(obj, attr) {

return ?obj.currentStyle[attr] || window.getComputedStyle(obj, null)[attr];

}

window.getComputedStyle的第二個參數傳偽類,比如hover狀態啊什么的!而且這兩個方法獲取到的都是只讀的。最終要修改的話還是要使用obj.style.xx屬性=praseInt(getStyle(style, attr)) ....;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,565評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,115評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,577評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,514評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,234評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,621評論 1 326
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,641評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,822評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,380評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,128評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,319評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,879評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,548評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,970評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,229評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,048評論 3 397
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,285評論 2 376

推薦閱讀更多精彩內容

  • w一:rem布局公式 document.documentElement.style.fontSize=20*doc...
    stars甜閱讀 792評論 0 1
  • 基礎復習筆記 JS效果三要素: 時間 事件 運動軌跡(分步驟來實現先死后活法逐步來) (1)獲取元素 : getE...
    2e9a10d418ab閱讀 409評論 0 3
  • 這是2012年開發的網站 , 為自己做個筆記。里面當時封裝了好多方法 http://www.cphi.cn/fil...
    github加星點進來閱讀 442評論 0 1
  • 一、DOM 什么是DOM?Document Object Model(文檔對象模型)。DOM是針對HTML和XML...
    空谷悠閱讀 984評論 0 2
  • “你相信有平行世界嗎,姜”“什么”姜小南疑問的看著李雅。“我說,你相信,有,平行世界嗎”李雅這次說的很慢。姜小南還...
    煙花雨蕁閱讀 274評論 2 4