JavaScript常用標(biāo)簽和方法總結(jié)
什么是javascript?
(1) JavaScript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的 腳本語言。
(2) JavaScript是由Netscape公司開發(fā)的一種腳本語言,其編寫的程序可以嵌入到 HTML頁面中,并直接在瀏覽器中解釋執(zhí)行。
(3) JavaScript可以被瀏覽器直接解釋執(zhí)行,它可以更好得減小服務(wù)器壓力,提高程 序運(yùn)行效率。
//事件(事件監(jiān)聽) :
//標(biāo)簽對象.事件監(jiān)聽.function(){執(zhí)行的代碼,找對象,找屬性,改屬性};
事件源.觸發(fā)一個(gè)事件.調(diào)用一個(gè)方法.方法找執(zhí)行代碼找對象,找屬性,改屬性(或者用屬性,增刪改查)
onmouseover 鼠標(biāo)移到某個(gè)元素之上
onmouseout 鼠標(biāo)移開某個(gè)元素
onkeydown 鍵盤按下去(就是一直按著)
onkeypress 鍵盤按下去再松開(就是點(diǎn)擊 按下去再松開)
oonkeyup 鍵盤松開(就是松開的時(shí)候)
onclick 鼠標(biāo)按下去再起來(點(diǎn)擊)
onmousedown 鼠標(biāo)按鈕按下(按著不動)
onmousemove 鼠標(biāo)移動(移動 按著和不按著都行)
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;
//獲取對象的方式 :
// window.document.getElementById('miao');//window可以省略
document.getElementById('miao');//ID是唯一的,不可以沖突,所以獲取到的是一個(gè)對象值,不是數(shù)組
document.getElementsByTagName("a");//標(biāo)簽名不是唯一的 獲取所有a標(biāo)簽對象,生成數(shù)組
document.getElementsByClassName("a");//className不是唯一的,獲取所有className為a的標(biāo)簽對象 生成數(shù)組
document.getElementsByName("a");//Name屬性不是唯一的,獲取所有Name為a的標(biāo)簽對象,生成數(shù)組
就是整個(gè)標(biāo)簽
獲取對象后,如果想獲取標(biāo)簽內(nèi)的內(nèi)容,可以調(diào)用對象的innerHTML屬性
標(biāo)簽對象.innerHTML:代表了標(biāo)簽之間的文字
標(biāo)簽對象.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)識
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)簽的對象
iw=parseInt(w)//把w轉(zhuǎn)成數(shù)值型
ih=parseInt(h)
div1.style.height=ih+'px';//賦值
div1.style.width=iw+'px';
以上就是本文的全部內(nèi)容,希望對大家今后在做項(xiàng)目時(shí)用到JavaScript標(biāo)簽和方法有所幫助。
相關(guān)文章
無編譯/無服務(wù)器實(shí)現(xiàn)瀏覽器的CommonJS模塊化
這篇文章主要介紹了無編譯/無服務(wù)器實(shí)現(xiàn)瀏覽器的CommonJS模塊化,對模塊化感興趣的同學(xué),可以參考下2021-05-05IE6,IE7,IE8下使用Javascript記錄光標(biāo)選中范圍(已補(bǔ)全)
IE6,7,8下使用Javascript記錄光標(biāo)選中范圍(已補(bǔ)全)(已解決單個(gè)節(jié)點(diǎn)內(nèi)部重復(fù)字符的問題)2011-08-08js實(shí)現(xiàn)隨機(jī)抽選效果、隨機(jī)抽選紅色球效果
本文主要分享了js實(shí)現(xiàn)隨機(jī)抽選效果、隨機(jī)抽選紅色球效果的示例代碼。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01微信小程序?qū)崙?zhàn)之上拉(分頁加載)效果(2)
這篇文章主要介紹了微信小程序?qū)崙?zhàn)之上拉加載、分頁加載效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04javascript 進(jìn)度條 實(shí)現(xiàn)代碼
這個(gè)例子是通過測試的。是真真正正根據(jù)記錄的條數(shù)掛鉤的。2009-07-07