投稿日:

Javascript 変数の値を表示

Javascript

Javascript 変数の値を表示

非常に手っ取り早く、変数の値を表示させる方法です。
alertという関数を利用します。

 var hensu="hogehoge";
 alert(hensu);

関連

Javascript オブジェクトの中身をデバッグ用に表示する

投稿日:

Javascript 不等号の判定

Javascript

Javascript 不等号の判定

不等号の判定でちょっと引っかかってしまいましたので、書いておきます。
xというパラメーターが、10から20の時を判定したい場合

 if (10 < x < 20 ){
  …
 }

でできそうですが、上記のようにすると、xの値がなんでも、すべてTrueになってしまいます。
こう書かないとだめです。

 if ((10 < x ) && ( x< 20) ){
  …
 }
投稿日:

Javascript リダイレクト

Javascript

Javascriptを利用したリダイレクト（他のページにジャンプさせる）方法です。

 //URLのところに、ジャンプさせたいURLを入れる
 location.href="URL";
 //例　Yahoo Japanへリダイレクト
 location.href="http://www.yahoo.co.jp/";

引数がある場合は、次の通りです。

 
 var hoge="hogehoge";
 location.href="URL&hoge="+hoge;
 //例
 location.href="http://www.yahoo.co.jp?hoge="+hoge;

リダイレクト　Javascriptとmetaタグどちらが早い

投稿日:

Javascript ページがロードされてから関数を実行

Ajax
Javascript

Javascript ページがロードされてから関数を実行

あるJavascriptの関数をページのロード時に実行するように、たとえば

 <body onload="doHogeHoge()">

というようにしていても、ページのロードに時間がかかると、ライブラリのロードがページのロードよりも遅くなってしまい、実行されなかったりします。

ページは読み込み終わっているけれど、jQueryのライブラリの読み込みが終わらない、などです。

私の場合は、あるJavascriptがFirefoxやChromeでは動作するのにIE9では動作しない、ということがあり、エラーが出てるわけではないのにどうしてかと思うと、これが原因でした。

そんな場合は、

 google.setOnLoadCallback

を利用すると、ページのロード（Google APIを含む）が終了してから関数を実行してくれます。
下記はサンプルです。

 <script type="text/javascript" src="https://www.google.com/jsapi">
 </script>
 <script type="text/javascript">
   google.setOnLoadCallback(doHogeHoge); 
 </script>
投稿日:

Javascript テキストフォームの値を追加

Javascript

Javascriptでテキストフォームの値を追加する

フォームのの中身をJavascriptで追加する方法です。

prototype.jsやJqueryなどを用いてもできますが、そういうのを使うのはおおげさだな、という時に。

サンプルスクリプト

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
 http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Test</title>
    <script type="text/javascript">
 
    function test(){
 
    	var address="神奈川県横浜市西区楠町　18-4　小池ビル　3F";
 
    	//"a"という名前の要素の中の"hoge"という名前の要素を取得します。
    	var hoge = document.a.hoge;
    	hoge.value = address;
        
    }
  </script>
 </head>
 <body onload="test()">
 <FORM METHOD="POST" action="index.php?action=" name="a">
    <input type="text" name="hoge" >
 </FORM> 
        
 </body>
 </html>