ホームページ作成とアップロード/JavaScriptの利用その1 - 変更履歴

2012年6月27日 (水) 05:48 における Admin による編集

Admin — Wed, 27 Jun 2012 05:48:12 GMT

←前の版		2012年6月27日 (水) 05:48時点における版
33 行:		33 行:
	上のホームページを表示させるとまず次のような画面になります。		上のホームページを表示させるとまず次のような画面になります。

-	~~#ref(gamen~~.JPG)	+	[[ファイル:COMHOC00010008_gamen.JPG]]

	そしてインチの数値を入力してOKボタンを押すとつぎの画面になります。		そしてインチの数値を入力してOKボタンを押すとつぎの画面になります。

-	~~#ref(gamennxt~~.JPG)	+	[[ファイル:COMHOC00010008_gamennxt.JPG]]

	JavaScript のプログラムはhtmlファイルの中に埋め込まれます。その単位は		JavaScript のプログラムはhtmlファイルの中に埋め込まれます。その単位は

2012年6月27日 (水) 05:45 における Admin による編集

Admin — Wed, 27 Jun 2012 05:45:53 GMT

←前の版		2012年6月27日 (水) 05:45時点における版
50 行:		50 行:
	です。<SCRIPT language="Java Script"> のタグのあとに、htmlタグのコメントが続きます。コメントの終了が//-->ですが、それまでがプログラム部分になっています。そこまではセミコロン；で区切られたプログラム記述の世界になっています。複数行書かれてもいいのです。そして</SCRIPT>　の場所で一応プログラムは終了します。しかしそのあとこのプログラム単位と同様な記述を再び書けば、またプログラムを働かすことができます。何回もプログラムをhtmlの世界の中で動かすことができるのです。		です。<SCRIPT language="Java Script"> のタグのあとに、htmlタグのコメントが続きます。コメントの終了が//-->ですが、それまでがプログラム部分になっています。そこまではセミコロン；で区切られたプログラム記述の世界になっています。複数行書かれてもいいのです。そして</SCRIPT>　の場所で一応プログラムは終了します。しかしそのあとこのプログラム単位と同様な記述を再び書けば、またプログラムを働かすことができます。何回もプログラムをhtmlの世界の中で動かすことができるのです。

-	~~ここで以上のプログラムを簡単に説明しておきます。~~	+	ここで以上のプログラムを簡単に説明しておきます。

	<pre>		<pre>
62 行:		62 行:
	はインチの数値を、入力を促す文字列("Input inch"のあとに入力させて変数strに代入させるものです。入力させる前は"inch"という文字列が表示されえているし、変数strの初期値も"inch"になっています。なお変数の値は本質的には文字列ですが、後で示すように計算が必要な時などは数値として解釈されます。		はインチの数値を、入力を促す文字列("Input inch"のあとに入力させて変数strに代入させるものです。入力させる前は"inch"という文字列が表示されえているし、変数strの初期値も"inch"になっています。なお変数の値は本質的には文字列ですが、後で示すように計算が必要な時などは数値として解釈されます。

-	次に	+	次に
	<pre>		<pre>
	if(str == "" \| str == "inch") str = 0; // case of non input}		if(str == "" \| str == "inch") str = 0; // case of non input}
68 行:		68 行:
	はif 文です。if のあとの( )の中の条件が成立したときその直後の命令文が実行されます。この場合はstr = 0　という文が実行されます。		はif 文です。if のあとの( )の中の条件が成立したときその直後の命令文が実行されます。この場合はstr = 0　という文が実行されます。

-	また// はプログラム文におけるコメントの開始を表します。	+	また// はプログラム文におけるコメントの開始を表します。

-	次に	+	次に
	<pre>		<pre>
	document.write("inch="+str*2.54 +"cm");}}}		document.write("inch="+str*2.54 +"cm");}}}
76 行:		76 行:
	は出力を表す文です。document.writeの直後の( ) の中野文字列や変数の内容が表示されます。		は出力を表す文です。document.writeの直後の( ) の中野文字列や変数の内容が表示されます。

-	~~なおこの出力する内容には次のような学ぶべき概念があります。例えば、~~	+	なおこの出力する内容には次のような学ぶべき概念があります。例えば、

	* 演算子(operator) ...... プラス(+) 掛ける(*) など		* 演算子(operator) ...... プラス(+) 掛ける(*) など
82 行:		82 行:
	* 変数(variable) ...... str		* 変数(variable) ...... str

-	~~これらの概念、およびその他の知識についての解説は次のページにあります。~~	+	これらの概念、およびその他の知識についての解説は次のページにあります。

	== ジャヴァスクリプトの教則 ==		== ジャヴァスクリプトの教則 ==

2012年6月27日 (水) 05:45 における Admin による編集

Admin — Wed, 27 Jun 2012 05:45:21 GMT

←前の版		2012年6月27日 (水) 05:45時点における版
4 行:		4 行:
	== 概要 ==		== 概要 ==

-	ブラウザで表示するウェブページの上で、フォームに入力した値をチェックしたり、時刻を表示したり、簡単なゲームができるようにしたり、の機能をJava Script という言語で可能にすることができます。基本的なウェブページにおいては、文字を表示したり画像を表示したりはできますが、計算機能等はありません。しかし"Java Script" というプログラム言語をhtmlファイルの中に埋め込むと、それが可能になるのです。	+	ブラウザで表示するウェブページの上で、フォームに入力した値をチェックしたり、時刻を表示したり、簡単なゲームができるようにしたり、の機能をJava Script という言語で可能にすることができます。基本的なウェブページにおいては、文字を表示したり画像を表示したりはできますが、計算機能等はありません。しかし"Java Script" というプログラム言語をhtmlファイルの中に埋め込むと、それが可能になるのです。

-	* [[JavaScript(Wikipedia)~~>wikipedia_ja:JavaScript~~]]	+	* [[wikipedia_ja:JavaScript\|JavaScript(Wikipedia)]]

-	~~例えばインチで表示された数値をセンチメートルに変換するページは、次のようなhtmlソースを書けばいいのです。~~	+	例えばインチで表示された数値をセンチメートルに変換するページは、次のようなhtmlソースを書けばいいのです。

	<pre>		<pre>
29 行:		29 行:
	</pre>		</pre>

-	これをWebサーバにアップロードしてインターネットを通じてブラウザで見ると、最初に入力を促すウィンドウが現れます。そこにインチ数を整数や小数で入力し、OKボタンを押すとそれをセンチメートルに換算した値がウェブの画面に表示されるのです。このようなことはhtmlのタグのみで書かれたページでは実現できず、Jave Scriptというプログラム言語に頼らなくてはならないのです。	+	これをWebサーバにアップロードしてインターネットを通じてブラウザで見ると、最初に入力を促すウィンドウが現れます。そこにインチ数を整数や小数で入力し、OKボタンを押すとそれをセンチメートルに換算した値がウェブの画面に表示されるのです。このようなことはhtmlのタグのみで書かれたページでは実現できず、Jave Scriptというプログラム言語に頼らなくてはならないのです。

-	~~上のホームページを表示させるとまず次のような画面になります。~~	+	上のホームページを表示させるとまず次のような画面になります。

	#ref(gamen.JPG)		#ref(gamen.JPG)

-	~~そしてインチの数値を入力してOKボタンを押すとつぎの画面になります。~~	+	そしてインチの数値を入力してOKボタンを押すとつぎの画面になります。

	#ref(gamennxt.JPG)		#ref(gamennxt.JPG)

-	~~Java　Script　のプログラムはhtmlファイルの中に埋め込まれます。その単位は~~	+	JavaScript のプログラムはhtmlファイルの中に埋め込まれます。その単位は

	<pre>		<pre>
52 行:		52 行:
	ここで以上のプログラムを簡単に説明しておきます。		ここで以上のプログラムを簡単に説明しておきます。

		+	<pre>
	// display input window		// display input window
		+	</pre>
	はプログラム記述の中におけるコメントです。		はプログラム記述の中におけるコメントです。

		+	<pre>
	str = prompt("Input inch","inch");		str = prompt("Input inch","inch");
		+	</pre>
	はインチの数値を、入力を促す文字列("Input inch"のあとに入力させて変数strに代入させるものです。入力させる前は"inch"という文字列が表示されえているし、変数strの初期値も"inch"になっています。なお変数の値は本質的には文字列ですが、後で示すように計算が必要な時などは数値として解釈されます。		はインチの数値を、入力を促す文字列("Input inch"のあとに入力させて変数strに代入させるものです。入力させる前は"inch"という文字列が表示されえているし、変数strの初期値も"inch"になっています。なお変数の値は本質的には文字列ですが、後で示すように計算が必要な時などは数値として解釈されます。

	次に		次に
		+	<pre>
	if(str == "" \| str == "inch") str = 0; // case of non input}		if(str == "" \| str == "inch") str = 0; // case of non input}
		+	</pre>
	はif 文です。if のあとの( )の中の条件が成立したときその直後の命令文が実行されます。この場合はstr = 0　という文が実行されます。		はif 文です。if のあとの( )の中の条件が成立したときその直後の命令文が実行されます。この場合はstr = 0　という文が実行されます。

65 行:		71 行:

	次に		次に
		+	<pre>
	document.write("inch="+str*2.54 +"cm");}}}		document.write("inch="+str*2.54 +"cm");}}}
		+	</pre>
	は出力を表す文です。document.writeの直後の( ) の中野文字列や変数の内容が表示されます。		は出力を表す文です。document.writeの直後の( ) の中野文字列や変数の内容が表示されます。

76 行:		84 行:
	これらの概念、およびその他の知識についての解説は次のページにあります。		これらの概念、およびその他の知識についての解説は次のページにあります。

-	**ジャヴァスクリプトの教則 ~~[#x3f61b2e]~~	+	== ジャヴァスクリプトの教則 ==
-		+
-	~~日本語のリファレンス~~	+
-	~~http://www.tohoho-web.com/js/index.htm~~	+
-		+
-	~~上の索引は：~~	+
-	~~http://www.tohoho-web.com/js/index2.htm~~	+
-		+
-	~~英語のリファレンス~~	+
-	~~JavaScript Tutorial~~	+
-	~~http://www.w3schools.com/js/default.asp~~	+

		+	* 日本語のリファレンス http://www.tohoho-web.com/js/index.htm
		+	* 上の索引 http://www.tohoho-web.com/js/index2.htm
		+	* 英語のリファレンス JavaScript Tutorial http://www.w3schools.com/js/default.asp
	このページの右上に検索欄があります。		このページの右上に検索欄があります。

2012年6月27日 (水) 05:42 における Admin による編集

Admin — Wed, 27 Jun 2012 05:42:46 GMT

←前の版		2012年6月27日 (水) 05:42時点における版
4 行:		4 行:
	== 概要 ==		== 概要 ==

-	~~TBA~~	+	ブラウザで表示するウェブページの上で、フォームに入力した値をチェックしたり、時刻を表示したり、簡単なゲームができるようにしたり、の機能をJava Script という言語で可能にすることができます。基本的なウェブページにおいては、文字を表示したり画像を表示したりはできますが、計算機能等はありません。しかし"Java Script" というプログラム言語をhtmlファイルの中に埋め込むと、それが可能になるのです。
		+
		+	* [[JavaScript(Wikipedia)>wikipedia_ja:JavaScript]]
		+
		+	例えばインチで表示された数値をセンチメートルに変換するページは、次のようなhtmlソースを書けばいいのです。
		+
		+	<pre>
		+	<HTML>
		+	<HEAD>
		+	<TITLE></TITLE>
		+	</HEAD>
		+	<BODY bgcolor="#ffffff">
		+	<h1>Page of converting inch to cm<br>
		+	<SCRIPT language="JavaScript">~
		+	<!--
		+	// display input window
		+	str = prompt("Input inch","inch");
		+	if(str == "" \| str == "inch") str = 0; // case of non input
		+	document.write("inch="+str*2.54 +"cm");
		+	//-->
		+	</SCRIPT>
		+	</BODY>
		+	</HTML>
		+	</pre>
		+
		+	これをWebサーバにアップロードしてインターネットを通じてブラウザで見ると、最初に入力を促すウィンドウが現れます。そこにインチ数を整数や小数で入力し、OKボタンを押すとそれをセンチメートルに換算した値がウェブの画面に表示されるのです。このようなことはhtmlのタグのみで書かれたページでは実現できず、Jave Scriptというプログラム言語に頼らなくてはならないのです。
		+
		+	上のホームページを表示させるとまず次のような画面になります。
		+
		+	#ref(gamen.JPG)
		+
		+	そしてインチの数値を入力してOKボタンを押すとつぎの画面になります。
		+
		+	#ref(gamennxt.JPG)
		+
		+	Java　Script　のプログラムはhtmlファイルの中に埋め込まれます。その単位は
		+
		+	<pre>
		+	<SCRIPT language="JavaScript">
		+	<!--
		+	//-->
		+	</SCRIPT>
		+	</pre>
		+
		+	です。<SCRIPT language="Java Script"> のタグのあとに、htmlタグのコメントが続きます。コメントの終了が//-->ですが、それまでがプログラム部分になっています。そこまではセミコロン；で区切られたプログラム記述の世界になっています。複数行書かれてもいいのです。そして</SCRIPT>　の場所で一応プログラムは終了します。しかしそのあとこのプログラム単位と同様な記述を再び書けば、またプログラムを働かすことができます。何回もプログラムをhtmlの世界の中で動かすことができるのです。
		+
		+	ここで以上のプログラムを簡単に説明しておきます。
		+
		+	// display input window
		+	はプログラム記述の中におけるコメントです。
		+
		+	str = prompt("Input inch","inch");
		+	はインチの数値を、入力を促す文字列("Input inch"のあとに入力させて変数strに代入させるものです。入力させる前は"inch"という文字列が表示されえているし、変数strの初期値も"inch"になっています。なお変数の値は本質的には文字列ですが、後で示すように計算が必要な時などは数値として解釈されます。
		+
		+	次に
		+	if(str == "" \| str == "inch") str = 0; // case of non input}
		+	はif 文です。if のあとの( )の中の条件が成立したときその直後の命令文が実行されます。この場合はstr = 0　という文が実行されます。
		+
		+	また// はプログラム文におけるコメントの開始を表します。
		+
		+	次に
		+	document.write("inch="+str*2.54 +"cm");}}}
		+	は出力を表す文です。document.writeの直後の( ) の中野文字列や変数の内容が表示されます。
		+
		+	なおこの出力する内容には次のような学ぶべき概念があります。例えば、
		+
		+	* 演算子(operator) ...... プラス(+) 掛ける(*) など
		+	* 定数(constant) ...... 2.54 文字列　"inch=" "cm" など
		+	* 変数(variable) ...... str
		+
		+	これらの概念、およびその他の知識についての解説は次のページにあります。
		+
		+	**ジャヴァスクリプトの教則 [#x3f61b2e]
		+
		+	日本語のリファレンス
		+	http://www.tohoho-web.com/js/index.htm
		+
		+	上の索引は：
		+	http://www.tohoho-web.com/js/index2.htm
		+
		+	英語のリファレンス
		+	JavaScript Tutorial
		+	http://www.w3schools.com/js/default.asp
		+
		+	このページの右上に検索欄があります。

	== CAIテスト ==		== CAIテスト ==

	* [[cai_ja:COMHOC00010008\|CAIテストのページへ]]		* [[cai_ja:COMHOC00010008\|CAIテストのページへ]]

Admin: ページの作成: ホームページ作成とアップロード＞ JavaScriptの利用その1 == 概要 == TBA …

Admin — Mon, 25 Jun 2012 06:40:42 GMT

ページの作成: ホームページ作成とアップロード＞ JavaScriptの利用その1 == 概要 == TBA …

新規ページ

[[ホームページ作成とアップロード]]
＞ [[ホームページ作成とアップロード/JavaScriptの利用その1|JavaScriptの利用その1]]

== 概要 ==

TBA

== CAIテスト ==

* [[cai_ja:COMHOC00010008|CAIテストのページへ]]

ホームページ作成とアップロード/JavaScriptの利用その1 - 変更履歴

2012年6月27日 (水) 05:48 における Admin による編集

2012年6月27日 (水) 05:45 における Admin による編集

2012年6月27日 (水) 05:45 における Admin による編集

2012年6月27日 (水) 05:42 における Admin による編集

Admin: ページの作成: ホームページ作成とアップロード ＞ JavaScriptの利用その1 == 概要 == TBA …

Admin: ページの作成: ホームページ作成とアップロード＞ JavaScriptの利用その1 == 概要 == TBA …