JavaScript: はじめの一歩 (4)
JavaScript はじめの一歩 (3) からの続き。(工事中) HTML 要素にイベント処理を付ける
table タグの各セル (td タグ) にイベント処理を付けるサンプルです。
セルをクリックすると色を付けます。
JavaScript: イベント処理 (1)
TestJS_event_table_td11.html
td タグ内に onclick="関数名()" を入れたサンプル。
TestJS_event_table_ES2015.html
td タグに関数を付ける処理も JavaScript で行うサンプル。
td タグ内に onclick="関数名()" を入れたサンプル。
TestJS_event_table_ES2015.html
td タグに関数を付ける処理も JavaScript で行うサンプル。
プログラムが実行されるタイミング
- プログラムを実行するタイミング
body onload="関数名()" などの話です。
HTML 要素を作る
img タグなどの HTML 要素を JavaScript で作って HTML に追加する話です。
TestJS_create_color01.html色コードのテキストを読んで span タグの色見本を作るサンプル。
テキストを行や2重配列に分割する
CSS 色の指定(3) - JavaScript
XML も HTML 要素の操作とほぼ同じ感覚で処理できます。 SVG も XML なので XML の処理を使用します。
TestJS_svg_polyline_map01.html
SVG polyline のサンプル。座標データのテキストを読んで地図を描く。
svg タグ: JavaScript (1)
JavaScript: XML の処理
SVG polyline のサンプル。座標データのテキストを読んで地図を描く。
svg タグ: JavaScript (1)
JavaScript: XML の処理
Web アプリケーションにパラメータを渡す
Web アプリケーションの HTML を表示するときに パラメータを渡したい場合、いくつかの方法があります。
CGI パラメータのリンクで渡す
URL に ?name1=value1&...
ような文字列を付けます。
例: application.html?name1=value1&name2=value2&...
パラメータの文字列は location.search で取り出せます。
- TestJS_location_search01.html?name1=value1&name2=value2
リンクのパラメータを取得するサンプル。
その他
- アンカーリンク #文字列 をパラメータ代わりにしている例。
#文字列 は location.hash で取り出せます。
TestJS_edit_html01.html#P_CSS1
TestJS_edit_html01.html#TABLE1
#(文字列) で表示するサンプルを切り替える。