Java Script - programming_note @ ウィキ

• 1. 上から１行づつ処理し、Scriptを実行するため、記載する順番が重要
• 2. ハッシュデータの加工 -> 型(Library 等)への流し込み -> 表示が基本
  • Step1. Libraryを用いた入力データの標準系の定義
  • Step2. 入力データを加工し、汎用形に流し込む
  • Step3. 読み込み -> 出力　　　# ?? return, write.document $document.ready() etc...
    • return は 引数を定義
    • write.document() (= puts) により動的なHTMLを生成
    • イベントバンドラで出力を定義する　# ★ユーザー情報に応じた出力ができることがJSのoriginality★
  • イベントバンドラ
  • 変数/関数の宣言、処理はRuby に似ている

1. 上から１行づつ処理し、Scriptを実行するため、記載する順番が重要

2. ハッシュデータの加工 -> 型(Library 等)への流し込み -> 表示が基本

 data1.series[0].data　 # データ操作は簡単

Step1. Libraryを用いた入力データの標準系の定義

 data =  {hash,array} 汎用性ある形にし、<script src = /xxx/xxx.js /script> とファイルを外部化し、htmlをシンプルにする

Step2. 入力データを加工し、汎用形に流し込む

 data.series.date[2] = [XX,XX,XX,XX]

Step3. 読み込み -> 出力　　　# ?? return, write.document $document.ready() etc...

return は 引数を定義

write.document() (= puts) により動的なHTMLを生成

  $document(     ) 

イベントバンドラで出力を定義する　# ★ユーザー情報に応じた出力ができることがJSのoriginality★

イベントバンドラ

• onclick: ボタンタイプのフォーム要素をサポート

<input type="" name="" value="" onclick="js statument;">

• onmousedown, onmouseout
• onmouseover, onmouseout
• onchanve
• onload

変数/関数の宣言、処理はRuby に似ている

var data1;
data1 = {       } 

var a = new Array()

var square = function(x) 
 {
   return x*x;     / *    処理    * / 
   };
document.write(square(10));

var highchart = function (x,y) {return "document.write(" + x*y; + ")"}
highchart(19,19);