Search

DOMが使えるか調べる

unknown

<div id="resGetElementById"></div>
<script type="text/javascript">
if(document.getElementById){
    document.getElementById("resGetElementById").innerHTML="JavascriptとDOMが動作する環境です。";
}
</script>

JavaScriptが使えるか調べる

unknown

<script type="text/javascript">
document.write("JavaScriptが使える環境です。");
</script>

<noscript>
<p>
このページはJavaScriptを使用しています。
JavaScriptをブラウザの設定で無効にされている場合は、ページが正しく動作しない、あるいは正しく表示されません。
</p>
</noscript>

Ajaxが使えるか調べる

unknown

AjaxはJavaScriptが有効でないと動作しません。

noscript要素には、JavaScript未対応ブラウザまたはJavaScriptを無効にしている場合に表示する代替テキストを記述することができます。 JavaScriptが有効な場合、noscript要素内に記述した代替テキストは表示されません。

以下のように、JavaScriptが無効な場合に表示するページへのリンクなどを貼るなどの用途に使えます。

<script type="text/javascript">
function chkAjax(){
    var xmlhttp=false;
    try {
        /* IE5, IE6 */
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); /* Windows XP */
        document.getElementById("resChkAjax").innerHTML="[ IE5, IE6 (Windows XP) ] Ajaxが使えます。";
    }catch(e){
        try {
            /* IE5, IE6 */
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); /* Windows XP未満 */
            document.getElementById("resChkAjax").innerHTML="[ IE5, IE6 (Windows XP未満) ] Ajaxが使えます。";
        }catch(e1){
            try {
                /* Firefox, Opera 8以上, Safari */
                xmlHttp=new XMLHttpRequest();
                document.getElementById("resChkAjax").innerHTML="[ Firefox, Opera 8以上, Safari ] Ajaxが使えます。";
            }catch(e2){
                document.getElementById("resChkAjax").innerHTML="Ajax未対応ブラウザです";
            }
        }
    }
}
window.onload=function(){
    chkAjax();
}
</script>
<div id="resChkAjax"></div>

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか?

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手(1行メッセージも送れます♪)

pagetop

polarized women