Ajax基本動作環境チェック
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>