JavaScript常用標(biāo)簽和方法總結(jié)
什么是javascript?
(1) JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的 腳本語言。
(2) JavaScript是由Netscape公司開發(fā)的一種腳本語言,其編寫的程序可以嵌入到 HTML頁面中,并直接在瀏覽器中解釋執(zhí)行。
(3) JavaScript可以被瀏覽器直接解釋執(zhí)行,它可以更好得減小服務(wù)器壓力,提高程 序運(yùn)行效率。
//事件(事件監(jiān)聽) :
//標(biāo)簽對(duì)象.事件監(jiān)聽.function(){執(zhí)行的代碼,找對(duì)象,找屬性,改屬性};
事件源.觸發(fā)一個(gè)事件.調(diào)用一個(gè)方法.方法找執(zhí)行代碼找對(duì)象,找屬性,改屬性(或者用屬性,增刪改查)
onmouseover 鼠標(biāo)移到某個(gè)元素之上
onmouseout 鼠標(biāo)移開某個(gè)元素
onkeydown 鍵盤按下去(就是一直按著)
onkeypress 鍵盤按下去再松開(就是點(diǎn)擊 按下去再松開)
oonkeyup 鍵盤松開(就是松開的時(shí)候)
onclick 鼠標(biāo)按下去再起來(點(diǎn)擊)
onmousedown 鼠標(biāo)按鈕按下(按著不動(dòng))
onmousemove 鼠標(biāo)移動(dòng)(移動(dòng) 按著和不按著都行)
onmouseout 鼠標(biāo)移到某元素之上(鼠標(biāo)放上去的時(shí)候)
onmouseup 鼠標(biāo)按鍵松開(鼠標(biāo)松開的時(shí)候)
onresize 窗口或者框架被重新調(diào)整大小
window.onresize
onsubmit 表單提交
onblur 元素失去焦點(diǎn)
onfocus 元素獲取焦點(diǎn)
瀏覽器空白區(qū)域的寬和高(也就是瀏覽器的寬和高)
寬:document.documentElement.clientWidth;
高:document.documentElement.clientHeight;
//獲取對(duì)象的方式 :
// window.document.getElementById('miao');//window可以省略
document.getElementById('miao');//ID是唯一的,不可以沖突,所以獲取到的是一個(gè)對(duì)象值,不是數(shù)組
document.getElementsByTagName("a");//標(biāo)簽名不是唯一的 獲取所有a標(biāo)簽對(duì)象,生成數(shù)組
document.getElementsByClassName("a");//className不是唯一的,獲取所有className為a的標(biāo)簽對(duì)象 生成數(shù)組
document.getElementsByName("a");//Name屬性不是唯一的,獲取所有Name為a的標(biāo)簽對(duì)象,生成數(shù)組
就是整個(gè)標(biāo)簽
獲取對(duì)象后,如果想獲取標(biāo)簽內(nèi)的內(nèi)容,可以調(diào)用對(duì)象的innerHTML屬性
標(biāo)簽對(duì)象.innerHTML:代表了標(biāo)簽之間的文字
標(biāo)簽對(duì)象.innerHTML = 新的數(shù)據(jù):就是給標(biāo)簽之間的內(nèi)容賦值
//彈框 :
alert():一個(gè)普通的彈窗
confirm():彈出一個(gè)確認(rèn)和取消的彈窗
prompt():帶有輸入框的彈出
setTimeout(func,n);//定時(shí)器,n秒后執(zhí)行func中中的程序,單位是毫秒
clearTimeout(s); //取消定時(shí)器效果,參數(shù)是又setTimeout生成的時(shí)間標(biāo)識(shí)
setInterval(func,n):以固定的時(shí)間間隔執(zhí)行某件事
clearInterval(s);
//字符串轉(zhuǎn)換數(shù)值型parseInt();
var h =document.documentElement.clientHeight;//獲得瀏覽器的高
var w =document.documentElement.clientWidth;//獲得瀏覽器的寬
var div1 = document.getElementById("id");//獲得ID為id的標(biāo)簽的對(duì)象
iw=parseInt(w)//把w轉(zhuǎn)成數(shù)值型
ih=parseInt(h)
div1.style.height=ih+'px';//賦值
div1.style.width=iw+'px';
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家今后在做項(xiàng)目時(shí)用到JavaScript標(biāo)簽和方法有所幫助。
相關(guān)文章
一文吃透JS樹狀結(jié)構(gòu)的數(shù)據(jù)處理(增刪改查)
在開發(fā)后臺(tái)管理系統(tǒng)時(shí),常常會(huì)涉及到各種樹狀結(jié)構(gòu)的數(shù)據(jù)處理邏輯,例如:增,刪,改,查等。而樹狀結(jié)構(gòu)的處理就沒有數(shù)組那么的直觀。本文為大家總結(jié)了JS樹狀結(jié)構(gòu)的數(shù)據(jù)處理的方法,需要的可以參考下2022-07-07
js實(shí)現(xiàn)鼠標(biāo)移入圖片放大效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)移入圖片放大效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07

