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()：阻止事件默认行为。