JavaScript基礎知識補習(7)

2021-08-25 11:28:06 字數 2505 閱讀 5729

補昨天內容的地方(記得補啊兄弟)

操作內聯樣式

若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.函式屬性和方法 用來完成某種特定動能的 塊,可以有名字,也可以匿名。函式對任何語言來說都是乙個核心的概念。...