なにかと手間のかかるIE先輩。
IEのバージョンごとに処理を分けたい場合とかもありますよね。

そんな時に大活躍するコードの紹介です。
使い方は簡単で、以下のコードを用意するだけです。

var ie = (function(){
var undef, v = 3, div = document.createElement('div');

while (
    div.innerHTML = '',
    div.getElementsByTagName('i')[0]
);
	 
return v> 4 ? v : undef;
}());

これだけで準備はオッケーです。
使い方は以下です。

▼ブラウザがIEか判別

if(ie) {
    // 処理・・・
}

▼ブラウザがIEじゃないか判別

if(ie === undefined) {
    // 処理・・・
}

▼IE6か判別

if(ie === 6) {
    // 処理・・・
}

▼IE6以上か判別

if(ie > 6) {
    // 処理・・・
}

▼IE8以下か判別

if(ie < 9) {
    // 処理・・・
}

JavaScriptを書いているとき、IEと他のブラウザで処理を分けたい場合ってありますよね。
UserAgentを調べたりする手もありますが、たった1行でお手軽に判別できる方法を紹介したいと思います。

▼1行でIEなのか判別

var isMSIE = /*@cc_on!@*/false;

if(isMSIE) {
    // IE用の処理を書く
}

『/*@cc_on!@*/false;』の結果がtureだとIEということになります。

色々なサイトでよく見る『スクロールしながらページトップに戻る方法』を2つ紹介したいと思います。

▼『jQuery』を使用したページトップへ戻る

『jQuery』を使用すると、簡単に『スクロールしながらページトップ』を実現することができます。
以下がソースコードです。

▼HTML

<a href="#top" id="jPageUp">ページトップへ戻る</a>

▼JavaScript

$(function(){
    // jQueryアニメーションでページトップに戻る
    $("#jPageUp").click(function(){
        jPageTop();

        return false;
    });
})

// jQueryアニメーションでページトップ
function jPageTop() {
    $('html,body').animate({
        scrollTop: 0,
        scrollLeft: 0
    }, 'normal');
}

jQueryのアニメーション効果を作成する『animate』関数を使用し、スクロール位置を0に戻す感じですね。
クリックイベントハンドラの最後にある『return false』は、アンカー名がつかないようにするだけなので、好みで削除してもかまいません。

▼『jQuery』を使用しないでページトップへ戻る

『jQuery』を使用しない場合、当たり前の事ですが、自前で計算してスクロール位置を0に戻すことになります。
以下がソースコードです。

▼HTML

<a href="#top" id="pageUp">ページトップへ戻る</a>

▼JavaScript

window.onload = function(){
    document.getElementById('pageUp').onclick = function(){
        pageTop();

        return false;
    };
};

// 計算でページスクロールを0に戻す
function pageTop() {
    var top  = Math.floor(document.documentElement.scrollTop || document.body.scrollTop);
    var left = Math.floor(document.documentElement.scrollLeft || document.body.scrollLeft);

    if(top > 0 || left > 0) {
        document.documentElement.scrollTop  = top / 1.25;
        document.documentElement.scrollLeft = left / 1.25;

        setTimeout("pageTop()", 20);
    }
}

スクロール位置を取得して、0になるまで『setTimeout』で割り算を続ける感じです。
重要なのは、『return false』をクリックイベントハンドラの最後に書くことで、<a>要素のリンクとしての処理を停止させることです。
『jQuery』を使用しないで『return false』をクリックイベントハンドラに書かないと、リンクとしての処理も同時に開始することになり、思い通りの動きになりません。

以上が、『スクロールしながらページトップに戻る方法』です。

機会があれば、『jQuery』の『easing』関数を使った色々な『ページトップへスクロールしながら戻る』を紹介したいな～。

JavaScriptは、小数点第N位以下切り捨てという関数は用意されていません。
というわけで、『JavaScriptで小数点第N位以下切り捨てる方法』をメモも兼ねてブログに残しておきます。

最初にも書いたように、小数点第N位以下切り捨てる関数は用意されていませんが、小数点以下を切り捨てる関数や四捨五入する関数はあります。
これらの関数を利用し、ちょっとした計算をすることで、小数点第N位以下切り捨てなどを実現します。

Math.floor()  小数点以下を切り捨てる。

Math.seil()  小数点以下を切り上げる。

Math.round()  四捨五入する

『9.87654321』という数があったとします。
この数を小数点第2以下切り捨てる場合、まずは、『9.87654321』を10倍にしてしまいます。

var val = 9.87654321;
val *= 10;

結果  val == 987.654321

次に、小数点以下を切り捨てます。

val = Math.floor(val);

結果  val == 98

最後に10で割っちゃいます。

val /= 10;

結果  val == 9.8

これをまとめると・・・

var _val = 9.11654321;
var val  = Math.floor(_val * 10) / 10;

みたいな感じです。

これで、『9.87654321』という数を小数点第2以下切り捨てることができました。
小数点第N位以下を切り捨てる関数がないのなら、小数点がないとこまで数を増やしてしまうってことですね。
あとは、目的に合わせてMath.floor関数の代わりにMath.ceil関数を使ったりMath.round関数を使ったりするだけです。