摘要:一簡介是一種解釋性的腳本語言代碼不進(jìn)行編譯,主要用來向頁面添加交互行為,主要由三部分組成核心,包含基本語法文檔對象模型瀏覽器對象模型是一種弱類型語言,可用修飾所有的變量不加時是全局變量二常見事件頁面或圖片加載完成時點(diǎn)擊提交按鈕時注意是在添加
一.簡介
javascript是一種解釋性的腳本語言(代碼不進(jìn)行編譯),主要用來向HTML頁面添加交互行為,主要由三 部分組成:ECMAScript(JS核心,包含基本語法),DOM(文檔對象模型),BOM(瀏覽器對象模型) js是一種弱類型語言,可用var修飾所有的變量(不加var時是全局變量)
二.js常見事件
onload:頁面或圖片加載完成時 onsubmit:點(diǎn)擊提交按鈕時(注意是在form添加) onclick:鼠標(biāo)點(diǎn)擊對象時 onerror:加載文檔或圖片錯誤時 onchange:框內(nèi)容改變時 oncelect:文本被選擇時
三.DOM中的常見方法
DOM常見的對象有Document,element,attribute等
1.Document對象
(1)getElementById():返回指定id的第一個對象的引用 (2)getelementByName():返回帶有指定名稱的對象集合 (3)getElementByTagName():返回帶有指定標(biāo)簽名的對象集合 (4)createTextNode():創(chuàng)建文本節(jié)點(diǎn) (5)createElement():創(chuàng)建元素節(jié)點(diǎn)
2.element對象
(1)element.firstChild():返回首個子元素 (2)element.innerHTML():設(shè)置或返回元素的內(nèi)容
3.attribute對象
(1)attr.value 設(shè)置或返回屬性的值
四.BOM中常見的方法
BOM中常見的對象有Window,History,Location等
1.window對象中的方法
(1)alert() :彈出 (2)setInterval(): 指定周期調(diào)用函數(shù) (3)clearInterval():取消定時器(4)setTimeOut():指定事件后執(zhí)行(只執(zhí)行一次) (5)confirm():彈出確認(rèn)對話框 (5)prompt():彈出一個輸入對話框
2.history對象中的方法(history包含用戶訪問過的url)
(1)back():加載history列表中的第一個url (2)forward():加載history列表的下一個url (3)go():加載history列表中的摸個具體頁面
3.location對象中的方法(包含當(dāng)前url信息)
(1)href():設(shè)置或返回完整的url
五.js操作的一般步驟
確定事件并為其綁定一個函數(shù),然后書寫綁定的這個函數(shù)
六.js實(shí)現(xiàn)輪播圖(粗糙版)
(1)在body上綁定onload事件 `` (2)書寫綁定函數(shù)
七.(demo)實(shí)現(xiàn)廣告的定時彈出
目的:加載頁面后三秒彈出廣告,三秒后再消失
八.(demo)完成全選和全不選
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/94372.html
摘要:最近在全力整理高性能的文檔,并重新學(xué)習(xí)一遍,放在這里方便大家查看并找到自己需要的知識點(diǎn)。 最近在全力整理《高性能JavaScript》的文檔,并重新學(xué)習(xí)一遍,放在這里方便大家查看并找到自己需要的知識點(diǎn)。 前端開發(fā)文檔 高性能JavaScript 第1章:加載和執(zhí)行 腳本位置 阻止腳本 無阻塞的腳本 延遲的腳本 動態(tài)腳本元素 XMLHTTPRequest腳本注入 推薦的無阻塞模式...
摘要:高性能小結(jié)文章轉(zhuǎn)載于我的博客最近看完了動物叢書的高性能,覺得那本書的小結(jié)部分寫得非常不錯,簡潔輕快易懂概括性很強(qiáng)。由于局部變量存在于作用域鏈的起始位置,因此訪問局部變量比訪問跨作用域變量更快。 高性能javascript小結(jié) 文章轉(zhuǎn)載于我的CSDN博客:http://blog.csdn.net/hello_world_20/article/details/46793317 最近看完了動...
摘要:遍歷方法小結(jié)常用的遍歷方法遍歷對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)創(chuàng)建一個新數(shù)組,其結(jié)果是該數(shù)組中的每個元素都調(diào)用一個提供的函數(shù)后返回的結(jié)果遍歷大家都熟悉,所以重點(diǎn)講一下與的區(qū)別相同點(diǎn)回調(diào)函數(shù)參數(shù)相同,都自帶三個屬性均不會修改原數(shù)組第二參數(shù)的 遍歷方法小結(jié) 常用的遍歷方法 for 遍歷 forEach(對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)) map(創(chuàng)建一個新數(shù)組,其結(jié)果是該數(shù)組中的每個...
摘要:前言最近花了不少時間接觸學(xué)習(xí)的函數(shù)式的編程方式,而后為了加深理解,又去折騰。不過幸運(yùn)的是,天生具備了函數(shù)式編程的基本元素,所以學(xué)習(xí)的起點(diǎn)不會太低。初接觸第一個實(shí)例,函數(shù)式編程是如何做一個番茄炒雞蛋的。 前言 最近花了不少時間接觸學(xué)習(xí)javascript的函數(shù)式的編程方式,而后為了加深理解,又去折騰haskell。 不同于人們比較熟悉的命令式編程,如面向?qū)ο缶幊蹋╫op),函數(shù)式編程(f...
摘要:文檔對象模型是針對和文檔的一個應(yīng)用程序編程接口。描繪了一個層次化的節(jié)點(diǎn)樹,允許開發(fā)人員添加移除和修改頁面的某一部分。熟悉對一個前端開發(fā)人員尤其重要,因此我根據(jù)紅寶書也就是高級程序設(shè)計制作成一個思維導(dǎo)圖。可能會有一些漏點(diǎn)或者缺點(diǎn),請您指出。 DOM(文檔對象模型)是針對HTML和XML文檔的一個API(應(yīng)用程序編程接口)。DOM描繪了一個層次化的節(jié)點(diǎn)樹,允許開發(fā)人員添加、移除和修改頁面的...
閱讀 2862·2021-10-21 09:38
閱讀 2762·2021-10-11 10:59
閱讀 3048·2021-09-27 13:36
閱讀 1668·2021-08-23 09:43
閱讀 802·2019-08-29 14:14
閱讀 3040·2019-08-29 12:13
閱讀 3210·2019-08-29 12:13
閱讀 318·2019-08-26 12:24