JavaScript学習ノート

cssText属性
スタイルの属性と値のセットのテキスト表現です.このテキストはCSSスタイルテーブルとして書式設定されています.囲まれた属性と値の要素選択器の中かっこは削除されます.
この属性を不正に設定するとコードがSYNTAX(u)になります.ERRの DOMException異常.CSS 2 Propertiesオブジェクトが読み取り専用の場合、この属性を設定しようとすると、コードがNO(u)になります.MODIFICATION_ALLOWED_ERRの DOMException異常.
cssTextの使用

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

その文章が提示しているように、前の要素が含まれているスタイルをクリアしますので、使わなければなりません.

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の各要素を文字列に変換し、これらの文字列を接続し、2つの要素の間にseparatorを挿入します. 文字列で生成されます.
 
split()メソッドは、文字列を文字列配列に分割するために使用されます.
構文

stringObject.split(separator,howmany)

パラメータ
説明
separator
必要です.文字列または正規表現は、このパラメータで指定された場所からstingObjectを分割します.
howmany
オプション.このパラメータは、返した配列の最大長さを指定します.このパラメータが設定されている場合、返したサブストリングはこのパラメータで指定された配列より多くないです.このパラメータが設定されていない場合は、文字列全体が分割され、その長さは考慮されません.
戻り値
文字列配列.この配列は separator 指定された境界において、文字列stingObjectをサブストリングに分割して作成しました.返した配列の文字列にseparatorは含まれません. 自分自身
でも、もし separator は、サブ表現を含む正規表現で、これらのサブ表現にマッチする文字列を返します.正規表現全体にマッチするテキストは含まれません.
 
 
Windowサイズ
ブラウザウィンドウのサイズを決定できる3つの方法があります.
Internet Explorer、Chrome、Firefox、Opera及びSafariについて:

window.inner Height-ブラウザウィンドウの内部高度

window.inner Width-ブラウザウィンドウの内部幅

Internet Explorer 8、7、6、5について:

document.documentElement.clientHeight

document.documentElement.client Width

または

Dcument.body.clientHeight

document.body.clientWidth

実例

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

JavaScript事件処理
1、HTMLイベント処理:直接HTML構造に追加します.
2、DOM 0級イベント処理:一つの関数を一つのイベントハンドラの属性に割り当てます.
3:DOM 2レベルイベント処理:
        addEvent Listener(「イベント名」「イベントハンドリング関数」「ブール値」)
        true:イベントキャプチャ
        false:事件の泡が立つ
        removeveEvent Listener();
4、IEイベントハンドラ:atachEvent、detachEvent.IE 8以下バージョン用
        互換性の高い方法:

<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>

        
イベントオブジェクト
1、イベントの対象:DOMイベントをトリガする時は、一つのオブジェクトEventが発生します.
2、イベントオブジェクトEvent:(1)、type:イベントタイプを取得します.(2)、target:イベントターゲットの取得.(3)、stopPropagation()事件の泡を止める.(4)、preventDefault():イベントのデフォルト行為を阻止する.