補昨天內容的地方(記得補啊兄弟)
操作內聯樣式
若css的樣式名有 -
* 在js中這種名稱不合法 eg:background-color
* 去掉 - ,改為駝峰命名法
* * bordertopwidth = border-top-width
* * 我們通過style屬性設定的樣式都是內聯樣式
eg. alert(box1.style.width); 獲取內聯樣式
獲取元素當前顯示的樣式
語法: 元素.currentstyle.樣式名
若沒設定值則返回預設值,注意currentstyle只支援ie
在其他瀏覽器中可以使用
getcomputedstyle()這個方法來獲取當前元素
* 需要兩個引數
* 第乙個:要獲採樣式的元素
* 第二個:可以傳遞乙個偽元素,一般寫null
* 該方法會返回乙個物件,物件中封裝了當前元素對應的樣式
如果獲取的樣式沒有設定值,則會獲取到真實的值,而不是預設值
比如:沒有設定width的值,他不會獲取到auto而是長度。
但是該方法不支援ie8及以下瀏覽器,
通過getcomputedstyle和currentstyle都是唯讀的不支援修改
//正常瀏覽器
aler(getcomputedstyle(box1,null).backgroundcolor);
//ie8
alert(box1.currentstyle.backgroundcolor);
那麼我們想要相容怎麼搞 , 那就可以自己設計乙個函式
/*
* 定義乙個函式,用來獲取元素額當前的樣式
* 引數
* obj 要獲採樣式的元素
* name 要獲取的樣式
* */
function
getstyle
(obj,name)else
}
其他樣式相關屬性
clientwidth
clientheight
* - 這兩個屬性可以獲取元素的可見寬度和高度
* - 這些屬性都是不帶px的,返回的都是乙個數字,可以直接進行計算
* 這些屬性都是唯讀的
.element.offsetheight,element.offsetwidth
獲取元素的整個的寬度和高度。包括內容區,內邊距和邊框
offsetparent
* 獲取當前元素的定位父元素
* 獲取到離當前元素最近的開啟了定位的祖先元素
* 如果所有的祖先元素都沒有開啟定位則返回body
offsetleft
* -當前元素相對於其定位元素的水平偏移量
offsettop
* -當前元素相對於其定位元素的垂直偏移量
scrollheight獲取元素整個滾動區的乙個高度
scrollwidth。。。
scrollleft水平滾動條滾動的距離
scrolltop垂直
//當滿足scrollheight - scrolltop == clientheight
//說明垂直滾動條滾動到底了
//當滿足scrollwidth - scrollleft == clientwidth
//說明水平滾動條滾動到底了
onmousemove
* 該事件會在滑鼠在元素中移動時被觸發
* * 事件物件
* -當事件的響應函式觸發時,瀏覽器每次都會將乙個事件物件作為實參傳遞響應函式
* 在事件物件中封裝了當前事件相關的一切資訊,比如:滑鼠的座標,鍵盤那個按鍵被按下···
在ie8中,響應函式被觸發時,瀏覽器不會傳遞事件物件
* 在ie8及以下的瀏覽器中,是將事件物件作為window物件的屬性儲存的
// 解決事件相容
// if(!event)
event = event || window.event;
獲取座標
//clientx 獲取滑鼠指標的水平座標
//clienty 獲取滑鼠指標的垂直座標
var x = event.clientx;
var y = event.clienty;
Javascript 基礎知識一
js 中使用typeof能得到哪些基本型別 考點 js變數型別 typeof 運算子把型別資訊當作字串返回。typeof 返回值有六種可能 number,string,boolean,object,function,和 undefined.我們可以使用typeof來獲取乙個變數是否存在,如 if t...
javascript基礎知識(四)
函式是定義一次但卻可以呼叫或執行任意多次的一段js 函式有時會有引數,及函式被呼叫是指定了值的區域性變數。函式常常使用這些引數來計算乙個返回值,這個值也成為函式表示式的值。函式的定義 function函式名 函式名的命名規和變數名命名規範一樣。函式呼叫 函式名 函式呼叫放在定義前後都可以 函式名規則...
JavaScript函式基礎知識概括
目錄 1.函式概念與意義 2.定義函式 1 宣告函式第一種方法 自定義函式宣告 2 宣告函式第二種方法 函式表示式 3.函式分類 1 普通函式 2 匿名函式 3 閉包函式 4.函式內部屬性 5.函式屬性和方法 用來完成某種特定動能的 塊,可以有名字,也可以匿名。函式對任何語言來說都是乙個核心的概念。...