JavaScript

レスポンシブサイトの切り替えポイント〜javaScript

レスポンシブサイトを作成するときに、javascriptで切り替えポイントを認識させる方法の説明です。 javascriptですからjQueryでも使用できます。 CSSメディアクエリによる切り替え まずは、CSSでのメ  >>続きを読む

正規表現の使い方の練習〜JavaScript編

正規表現でreplaceする replace関数を使って正規表現の使い方を覚えるために簡単なスクリプトを書きました。 replace(検索文字列 , 置換文字列 )を使用して文字を置換します。 プルダウンメニューで選んだ  >>続きを読む

JavaScript基礎４

関数について 一度定義すると何度も呼び出しが行えて、なんらかの処理をしたり、その結果を返す仕組みを関数といいます。関数にはfunction命令で定義するものと関数リテラルで定義する方法があります。さらにコンストラクタとい  >>続きを読む

JavaScript基礎３

ループ制御 繰り返し処理も非常によく利用される処理です。JavaScriptの繰り返し処理にはfor文、for…in文、while文、do…while文があります。 while文とdo&#8230  >>続きを読む

JavaScript基礎２

制御命令 プログラミングでは処理を分岐していく必要がでてきます。その分岐方法としてif文とswitch文があります。 if命令文 「もし～ならば、・・・命令を実行する。そうでなければ、・・・・命令を実行する」そんな分岐方  >>続きを読む

JavaScript基礎１

変数について 変数の宣言方法 var 変数名 var 変数名 = 初期値 例

JavaScript
1
2
3
4
5
6
7
/*変数宣言後に初期値を設定*/
var num1;
num1 = 987654;
/*複数の変数宣言*/
var num2,num3,num4;
/*変数宣言時に初期値を設定*/
var num5 = 123456;

変数名に用いることができるのは半角英数字です。変数名の最初は半角英文字か$ま  >>続きを読む

JavaScriptにおけるオブジェクト指向3

プロトタイプベースオブジェクト JavaScriptではインスタンス化後にプロトタイプのメンバを追加することができます。そして、そこで追加したメンバは他のインスタンスでも使用できます。 プロパティの宣言はコンストラクタで  >>続きを読む

JavaScriptにおけるオブジェクト指向2

インスタンス化後に独自のメンバを追加 インスタンス化後に独自のメンバを追加してみます。そのメンバは当然別のインスタンスには適用されません。

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*クラスの定義*/
var Animal = function(na,iro){
this.name = na;
this.color = iro;
this.getName = function(){
return '名前は' + this.name + 'です。'};
};
/*インスタンス化*/
var dog = new Animal('太郎','白');
/*書き出し*/
document.writeln(dog.getName());
document.writeln('色は' + dog.color + 'です。');
/*インスタンス化後にメンバを追加できる*/
dog.getSize = function(){
return '大きさは不明です'};
document.writeln(dog.getSize());
 
/*インスタンス化*/
var cat = new Animal('トム','黒');
document.writeln(cat.getName());
document.writeln('色は' + cat.color + 'です。');
/*エラーとなり表示されない*/
document.writeln(cat.getSize());

スクリプト実行  >>続きを読む

JavaScriptにおけるオブジェクト指向１

オブジェクト指向 javaScriptはオブジェクト指向言語です。けれども、Javaなどと大きく異る点があります。それはインスタンス化の概念はありますが、クラスがありません。そしてクラスの代わりにプロトタイプという概念が  >>続きを読む

  • «
  • 1
  • »