JavaScript入門

タグのon属性

■概要 HTML上でイベント発火時、実行する処理を直接定義することができます。 ※属性内で使うthisという変数はタグ自信を表します。 ■例 <script type="text/javascript"&g...
JavaScript入門

jQuery

■概要 jQueryは、ブラウザの互換性をもたせるために作成されたライブラリです。 詳しい内容を勉強したいなら、 jQuery公式ページへ(click) ■使用方法 var span = $('span')...
JavaScript入門

style属性

■概要 HTMLでsytle属性を利用するとCSSの属性をタグに直接設定することができます。 JavaScriptでもQuerySelectorを利用するとstyle属性を摘要することができます。 CSSでは、複数の単語に...
JavaScript入門

innerHTML

■概要 QuerySelectorで持ってきたオブジェクトの内容、内部HTMLコードをJavaScriptで変更できます。 ■例 <html> <head>  <script type...
JavaScript入門

オブジェクトの属性

■概要 querySelectorを利用して探したオブジェクトからいくつかの属性を利用してDOMの制御ができます。 代表的には、value属性を使うとHTMLタグのvalue属性を指定した時と同じ効果になります。 タグによ...
JavaScript入門

QuerySelector

■概要 JavaScriptでオブジェクトを探す時に関数です。 これらを利用して動的なページを作ることができます。 関数名 内容 戻り値 getElementById idをキーに探す ...
JavaScript入門

関数

■概要 functionで関数の宣言をし、returnを利用して結果を戻します。 function getSum(x, y) {  var sum = x + y;  return sum; } 呼び出し時は下記...
JavaScript入門

繰り返し

■概要 JavaScriptの繰り返しも、C, javaなどの言語と似てます。 見てみましょう。 ■while文 var num = 0; while (true) {  document.write(num);...
JavaScript入門

条件文

■概要 JavaScriptの条件文は、C, javaなどの言語と似てます。 では、見てみましょう。 ■if文 if (age >= 65)  alert('退職金'); else if (score >= 60...
JavaScript入門

オブジェクト

■概要 JavaScriptの型は、PrimitiveタイプとObjectタイプがあります。 オブジェクトとPrimitiveタイプの大きな差は、Reference(参照)です。 Primitiveタイプ変数は、他の変数に...
タイトルとURLをコピーしました