JavaScript 學習筆記

cssText 屬性

它是一組樣式屬性及其值的文本表示。這個文本格式化爲一個 CSS 樣式表，去掉了包圍屬性和值的元素選擇器的花括號。

將這一屬性設置爲非法的值將會拋出一個代碼爲 SYNTAX_ERR 的 DOMException 異常。當 CSS2Properties 對象是隻讀的時候，試圖設置這一屬性將會拋出一個代碼爲 NO_MODIFICATION_ALLOWED_ERR 的 DOMException 異常。

cssText 的使用　　　　

obj.cssText = " width:200px;position:absolute;left:100px;";

正如那篇文章所提cssText會清除以前元素含有的樣式，因此得使用

obj.cssText += " width:200px;position:absolute;left:100px;";

可是在IE中的最後一個分號會被刪除

obj.cssText += " ;width:200px;position:absolute;left:100px;";　//這樣便能解決在IE中出現的問題了

 

js中快速獲取數組的最大值和最小值

var a=[1,2,3,5];
alert(Math.max.apply(null, a));//最大值
alert(Math.min.apply(null, a));//最小值
多維數組能夠這麼修改：
var a=[1,2,3,[5,6],[1,4,8]];
var ta=a.join(",").split(",");//轉化爲一維數組
alert(Math.max.apply(null,ta));//最大值alert
(Math.min.apply(null,ta));//最小值

join() 方法用於把數組中的全部元素放入一個字符串。

元素是經過指定的分隔符進行分隔的。

語法

arrayObject.join()

參數	描述
separator	可選。指定要使用的分隔符。若是省略該參數，則使用逗號做爲分隔符。

返回值

返回一個字符串。該字符串是經過把 arrayObject 的每一個元素轉換爲字符串，而後把這些字符串鏈接起來，在兩個元素之間插入separator 字符串而生成的。

 

split() 方法用於把一個字符串分割成字符串數組。

語法

stringObject.split(separator,howmany)

參數	描述
separator	必需。字符串或正則表達式，從該參數指定的地方分割 stringObject。
howmany	可選。該參數可指定返回的數組的最大長度。若是設置了該參數，返回的子串不會多於這個參數指定的數組。若是沒有設置該參數，整個字符串都會被分割，不考慮它的長度。

返回值

一個字符串數組。該數組是經過在 separator 指定的邊界處將字符串 stringObject 分割成子串建立的。返回的數組中的字串不包括separator 自身。

可是，若是 separator 是包含子表達式的正則表達式，那麼返回的數組中包括與這些子表達式匹配的字串（但不包括與整個正則表達式匹配的文本）。

 

 

Window 尺寸

有三種方法可以肯定瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動條）。

對於Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight - 瀏覽器窗口的內部高度

• window.innerWidth - 瀏覽器窗口的內部寬度

對於 Internet Explorer 八、七、六、5：

• document.documentElement.clientHeight

• document.documentElement.clientWidth

或者

• document.body.clientHeight

• document.body.clientWidth

實例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight

JavaScript事件處理

一、HTML事件處理：直接添加到HTML結構中。

二、DOM0級事件處理：把一個函數賦值給一個事件處理程序屬性。

3：DOM2級事件處理：

        addEventListener("事件名","事件處理函數","布爾值");

        true:事件捕獲

        false:事件冒泡

        removeEventListener();

四、IE事件處理程序:attachEvent、detachEvent。//IE8如下版本用

        兼容性較高的方法：

<script>
    var btn1 = document.getElementById("btn");
    if(btn1.addEventListener){
        btn1.addEventListener("click",demo);
    }else if(btn1.attachEvent){
        btn1.attachEvent("onclick",demo):
    }else{
        btn1.onclick=demo():
    function demo(){
        alert("hello");
    }
</script>

        

事件對象

一、事件對象：在觸發DOM事件的時候都會產生一個對象Event。

二、事件對象Event：(1)、type：獲取事件類型。(2)、target：獲取事件目標。(3)、stopPropagation()；阻止事件冒泡。(4)、preventDefault()：阻止事件默認行爲。