SAMPLES No.1(JavaScript)

  1. アルファベットの大文字・小文字変換
  2. 文字列の一部を抜き出すsubstringの使い方
  3. 文字列の長さを調べるlengthの使い方
  4. onFocus()とonChange()イベントハンドラの使用例
  5. ステータスバーにメッセージを出す
  6. ステータスバーにメッセージを表示する(終わりがあるケース)
  7. ステータスバーにメッセージを表示する(終わりがないケース)
  8. ラジオボタンの使用例
  9. チェックボックスがチェックされているかどうかを調べる
  10. アラートメッセージ
  11. チェックされているチェックボックスのNAMEと数を表示する
  12. チェックボックスを使った背景色変更例
  13. チェックされたラジオボタンのVALUEを表示する
  14. ラジオボタンのname、length、valueを表示する
  15. デフォルトとチェックされたラジオボタンを調べる
  16. ロード/アンロードするときアラートを表示する
  17. セレクトフォームの例(JavaScriptは関係なし)
  18. セレクトオブジェクトの設定を表示する
  19. セレクトされたアイテムのインデックス番号、VALUE、TEXTを表示する
  20. 新しいウィンドウを開く/閉じる
  21. セレクトオブジェクトを使って新しいウィンドウの背景色を指定する
  22. セレクトオブジェクトのtextとvalueを使って文章生成
  23. セレクトオブジェクトのMULTIPLEあり/なしによるTEXT抽出方法のちがい
  24. セレクトオブジェクトのlengthを調べる
  25. セレクトオブジェクトのデフォルトアイテムが選択されているかどうか調べる
  26. ページ中のリンクの数を調べる
  27. リンクをクリックするとスクリプトを起動する
  28. onMouseOver()の使用例(リンクにマウス合わせるとステータスバーにメッセージ)
  29. リンクをクリックするとスクリプトを起動する2
  30. リンクをクリックするとスクリプトを起動する3
  31. ブラウザの情報を表示する
  32. ユーザーの入力をprompt()で受けたあとページ表示
  33. 10進数(0-255)を16進数に変換する
  34. 文字と数値を+でつなぐとどうなるか
  35. テキストフィールドに入力した数値は文字列として扱われるので数値に変換して計算
  36. 数値を文字に変換する
  37. eval()の使い方
  38. new Array()で配列を作る(3.0以降)
  39. 配列を作る(3.0より前のブラウザも考慮するならコレ)
  40. 文字列のlength、toLowerCase()、toUpperCase()
  41. toUpperCase()を使ったお遊び
  42. substring()を使って文字を徐々に表示する
  43. 文字から文字を抜き出すsubstring()の基本
  44. 文字列を扱う5つの汎用関数(重要)
  45. 文字列の一括置換(重要)
  46. 文字列の一括置換(元の文章を残すバージョン)
  47. JavaScriptを使った文字装飾
  48. ecsape()とunescape()
  49. 円周率などの定数(Math.property)
  50. 直径から円周と面積を求める
  51. パラメータを入れる Math.method
  52. 文書中のリンク数を調べるdocument.links.lengthの不思議
  53. with()を使った計算
  54. Dateオブジェクトを作る
  55. Dateメソッドのget(Dateオブジェクトから情報を引き出す)
  56. getTimezoneOffset()、toGMTString()など
  57. 2000年までの残り時間を表示
  58. テキストフィールドにデータが入力されているかどうか調べる
  59. テキストフィールドにランダムな数値を表示する
  60. テキストフィールドにランダムな数値を表示する2
  61. 条件分岐のif...elseと同じ結果を得るvariable = (condition)? val1:val2
  62. 正月1〜10日にメッセージを出す
  63. シンプルスロットマシーン
  64. クリックする毎にボタン上の文字をトグルで切り替える
  65. JavaScriptの2つのコメント
  66. windowオブジェクトは、3種類のダイアログを表示するメソッドを持っている
  67. ステータスバーの文字スクロール
  68. テキストフォームの文字スクロール
  69. 新しいウィンドウを開く/閉じる2
  70. 新しいウィンドウを開く/閉じる3(背景色をラジオボタンで指定)
  71. 新しいウィンドウを開く/閉じる4(1つのボタンでオープン/クローズする)
  72. 新しいウィンドウを開く/閉じるの問題
  73. imageオブジェクト
  74. クリックすると切り替わる画像
  75. 自動的に切り替わる画像
  76. マウスを画像に合わせると画像が切り替わる
  77. マウスを画像に合わせると画像が切り替わる(複数画像)
  78. マウスを画像に合わせると画像が切り替わる2(複数画像)
  79. 0〜9の乱数を得る
  80. わり算の余りを求める
  81. 指定された範囲の整数をすべて合計する
  82. Netscape2.0/3.0/4.0/IE3.0で処理を分岐する
  83. locationオブジェクト
  84. <SCRIPT>タグのSRC属性でスクリプトを別ファイルにする
  85. ページを再読込する2つの方法
  86. 時刻表示(tt:mm:ss形式で表示する)(手動更新)
  87. 時刻表示(tt:mm:ss形式で表示する)(自動更新)
  88. 入力した文字を縦書きで表示(全角文字のみ対応)
  89. write()メソッドとwriteln()メソッドは何が違う?
  90. alert()メソッドとprompt()メソッドの組み合わせ1
  91. alert()メソッドとprompt()メソッドの組み合わせ2
  92. グラフィックの例1
  93. わり算の余りを求める(代入演算子の%=を使った方法)
  94. 代入演算子についての覚え書き
  95. 代入演算子のちがいよる変数の値の変化
  96. 変数の使い方やeval()メソッドなど
  97. 自分自身を呼び出す再帰関数の例
  98. ページ中のリンク数をリンクより前に表示する
  99. 顔文字の連続表示〜テキストフォームの文字を一定時間ごとに変える
  100. ボタン時計 PART1
  101. ボタン時計 PART2
  102. カレンダーPART1
  103. カレンダーPART2
  104. テキストフィールドの書き換えを防ぐ
  105. カレンダーとボタン時計の合わせ技
  106. ラジオボタンを使った動く点
  107. チェックボックスを使った二乗値と二倍値の計算
  108. パスワードの使い方
  109. IE3.0では動くけどNN3.0ではなぜか動かない電卓(試作)
  110. 2つのテキストフィールドの値を同じにする(forms[ ]配列とelements[ ]配列)
  111. フォームに情報を入力してもらう1つの工夫(IE3.0は不可)
  112. カラーチャート(ボタンで数値を増減するタイプ)
  113. クッキーによるページカスタマイズの例1
  114. if文のありがちなミス(〜is not a number) IE3.0ではエラーにならない
  115. 今日の日付・時間などを返す汎用関数
  116. クッキーによるページカスタマイズの例2
  117. 数値のときだけtrueを返す関数
  118. ループを飛ばすcontinueとループを抜け出すbreakのちがい
  119. 背景色を徐々に変化させるスクリプトの原型
  120. 指定した2つの間にある数値をランダムで返す汎用関数(使える&重要)
  121. 背景色をランダムに変更する
  122. 背景色をスムーズかつランダム変更する
  123. フローティングフレームと背景色のスムーズ変更スクリプトの組み合わせ(IE3.0のみ)
  124. リクエスト:読み込むたびに背景の画像を変更する
  125. リクエスト:画像のクリックでウィンドウをオープン/クローズする1(IE3.0では不作動)
  126. リクエスト:画像のクリックでウィンドウをオープン/クローズする2(IE3.0では不作動)
  127. window.scroll()によるページスクロール1(NN3.0以降動作、IE3.0では不可)
  128. window.scroll()によるページスクロール2(NN3.0以降動作、IE3.0では不可)
  129. テキストフィールドに入力された数値は文字列として扱われるとはかぎらない!
  130. Mathオブジェクトのプロパティ、メソッド一覧
  131. 半角文字をシャッフルする関数
  132. charAt()メソッドを使った逆さ文字(1バイト文字のみ)
  133. レイヤーを動かしてみる1(NN4.0以上のみ)
  134. レイヤーを動かしてみる2(NN4.0以上のみ)
  135. レイヤーの背景色をランダムに変える(NN4.0以上のみ)(1024*768 and Fullscreen is best)
  136. クリップエリアの拡大・縮小で文字を徐々に出して徐々に消す(NN4.0以上のみ)
  137. リクエスト:読み込むたびに異なる画像を表示する
  138. リクエスト:読み込むごとに異なる画像を表示&ページ内では統一
  139. 2つのインクリメント/デクリメント
  140. 特殊な数値を表す数値定数
  141. 関数の引数で指定した数値のうち、最大値、最小値を返す関数
  142. ちょっと休憩(新規ウィンドウにスクリーンセーバー?)(サンプル143用のスクリプト)
  143. リクエスト:ツールバーもメニューもないブラウザに表示する(サンプル142とセット)(IE3.0では不作動)
  144. JavaScriptの不思議な世界〜迷いの森へ
  145. 関数の引数とローカル変数はその関数のプロパティ?(IE3.0は不可)
  146. コンストラクタでオブジェクトを作り、プロパティ、メソッドをセットする
  147. 文字色をランダムに設定する汎用関数(半角文字用)
  148. 文字色をランダムに設定する汎用関数(全角文字用)
  149. カラフル文字
  150. カラフル文字(拡張版)
  151. 実行するごとに異なる数値を返す関数群
  152. 波文字スクリプト
  153. NNとIEでは全角文字の数え方が異なる
  154. 配列の実験1〜Array()の基本(NN3.0以降)
  155. 配列の実験2〜Array()で作った配列のlengthプロパティを変更してみる(NN3.0以降)
  156. Array.join()メソッドとString.split()メソッド(IE3.0は不可)
  157. グラデーション文字生成スクリプト
  158. Array.reverse()メソッド、Array.sort()メソッド(IE3.0は不可)
  159. 色名を16進数に変換する関数
  160. 色名を16進数に変換する関数の応用
  161. 3目並べ(ゲームとしては失格)
  162. リクエスト:親子関係にある3つのウィンドウを開いたとき、孫から祖父のウィンドウを制御できるか
  163. 星降る夜(NN4.0以降)
  164. URLとして書くJavaScriptのサンプル
  165. onerror()イベントハンドラ(NN3.0以降、IE3.0は不可)
  166. ブロック崩しゲーム試作(制作途中のモノ)(NN4.0以上専用)
  167. ブロック崩しゲーム完成品(NN4.0以上専用)(現在kNNでは動作不可)
  168. シート形式のメニュー(NN4.0以上のみ)
  169. シート形式のメニューの応用(NN4.0以上のみ)
  170. フランス?(-_-;)(NN4.0以上のみ)
  171. イタリア?(-_-;)(NN4.0以上のみ)
  172. フランス2(NN4.0以上のみ)
  173. innerWidth、innerHeightなどその他(個人的には重要)(NN4.0以上のみ)
  174. ウィンドウをリサイズしても必ず右下に表示されるレイヤー(NN4.0以上のみ)
  175. sample0174.htmlをスクロール文字に変更(NN4.0以上のみ)
  176. レイヤーの効果的な動かし方の例(NN4.0以上のみ)
  177. レイヤーを左右に繰り返して動かす(NN4.0以上のみ)
  178. マウスをのせるとポップアップヘルプ(レイヤー使用)(NN4.0以上のみ)
  179. リクエストonSubmit="return true/falseを返す関数"とreturnを指定するのがポイントか?
  180. リクエスト小数点以下の桁数を指定して数値を四捨五入する
  181. リクエスト小数点以下の桁数を指定して数値を四捨五入する汎用関数
  182. JavaScript1.3のgetFullYear()やgetMilliseconds()メソッドなど
  183. 今日の日付をタイトルバーに出す
  184. リクエスト:問題集っぽいものを作りたい
  185. ブラウザが対応しているスクリプト言語、バージョンを調べる
  186. Javaアプレットが使用可能かどうか調べるnavigatorオブジェクトのjavaEnabled()メソッド
  187. オブジェクトのプロパティを取り出すfor in ループ
  188. IE4とNN4ではPropmt()メソッドの返値が文字列だとif文の動きが異なる
  189. 色名をランダムに返す汎用関数(重要)
  190. クロスブラウザのヒント1
  191. substr()メソッド、Numberオブジェクトの調査
  192. リクエスト:文字列のバイト数を得る汎用関数(IE5専用)
  193. 祝日ならtrue、平日ならfalseを返す汎用関数
  194. 祝日なら祝日名、平日ならfalseを返す汎用関数
  195. カレンダー(祝日対応版1)
  196. カレンダー(祝日対応版2)
  197. カレンダー(祝日対応版3)
  198. カレンダー(祝日対応版4)
  199. カレンダー(祝日対応版5)
  200. カレンダー(祝日対応版6)
  201. リクエスト:データのあるテキストフィールドではデータを選択状態にしたい
  202. カレンダー(祝日対応版7)
  203. リクエスト:ユーザー認証とonsubmitイベントハンドラ
  204. サンプル113の修正(Navigatorでクッキーに2バイト文字を記憶できないことへの対策)
  205. リクエスト:正しいパスワードを入力したときだけ次に進めるようにしたい
  206. リクエスト:正しいパスワードを入力したときだけ次に進めるようにしたい(JSファイルを使ってセキュリティを高める)
  207. IE4.0以上かどうか調べる
  208. タイトルバーにスクロール文字を表示する(IE4.0以降)
  209. タイトルバーに時計(IE4.0以降)(IE4.0以降)
  210. リクエスト:ページが読み込まれた時刻によって背景色を変える
  211. リサイズしてもページ真ん中に表示する(IE4/NN4共用)
  212. リクエスト:BGMをランダムに変更する(IE4.0以降)
  213. setInterval()メソッド
  214. setTimeout()メソッド
  215. 数字/数式だとtrue、文字列だとfalseを返す関数1
  216. 数字/数式だとtrue、文字列だとfalseを返す関数2
  217. リクエスト:ウィンドウのオープン/クローズ&ボタン名切替
  218. リクエスト:ウィンドウのオープン/クローズ&ボタン名変更+フォント変更(IE4以降のみ)
  219. リクエスト:フォームに全角文字が入力されていると警告する
  220. リクエスト:数秒ごとに表示される文字が交代する
  221. リクエスト:数秒ごとに表示される文字が交代する(スタート/ストップ機能付)
  222. リクエスト:数秒ごとに表示される文字が交代する(スタート/ストップ機能付)2