ラベル 【javascript】 の投稿を表示しています。 すべての投稿を表示
ラベル 【javascript】 の投稿を表示しています。 すべての投稿を表示

2013-01-23

戻るボタン　【javascript】

history.back()


ブラウザ履歴の一つ前に戻る
投稿者 hinaoka 0 コメント
ラベル:

2012-12-13

JavaScriptの処理速度についてのメモ

↓JavaScriptの処理速度をあげるには、かき方も重要らしい…

・JavaScriptの処理速度向上のために | DJ_SATORUの研究日誌
http://biblelab.net/mydiary/20071209/42.html


サイトの容量（データ量）が多い→読み込みに時間がかかる



複雑な計算処理の速度を上げるには…

そもそも何で処理をしてるのか→ブラウザとPCのCPU（ブラウザによって速度違う）

↓CPUの速度を知るには

CPU計算処理速度測定機
http://m.hg2.ifdef.jp/cpusokutei/




↓JavaScriptがわからなくなったら

・JavaScriptとは何/実務の友
http://www5d.biglobe.ne.jp/Jusl/JavaSoft.html
投稿者 hinaoka 0 コメント
ラベル:

2012-09-19

CSSプロパティプ　数字のみ　【javascript】　【jQuery】

↓imgの横の長さに｢+100px｣をする

▼CSS側
img{
width:200px;
}



このまま.ｃｓｓで取得すると

「200px」と取得してしまうところを

「200」数字のところのみほしいときに使う


▼js側 
aa=parseInt($("img").css("width"))+100+"px"
 
$("img").css("width",aa);

↑変数aaの中にいれたのは特に意味はなし

parseInt()・・・(パースイント)文字列を数字に変換してくれるもの。
投稿者 hinaoka 0 コメント
ラベル: ,

2012-07-31

基礎の基礎　　【javascript】

◆javascriptを読み込んでいるかのチェック（アラート表示）

-その他につかうとき--
ページを開いたときのメッセージ


　alert("アラート表示");

文字列の場合…「”」か「’」で囲む
囲むことによってコンピューターに文字列として認識される。


※「”」内で改行する場合→alert("いちぎょう￥nにぎょう")




◆文字列表示


　document.write ("あいうえお");

　document.write ("<img src="" />");

↓計算結果も表示できる　※「”」と「’」はいらない
　document.write (20+20);
40と表示される





◆配列とfor文


var box= new Array();
 box[0]="あいうえお";
box[1]="かきくけこ"; 
box[2]="さしすせそ";
$(function(){
$("#bbb").text(box[2]);
});
意：ボタンのテキスト部分がさしすせそになる。


boxという箱にさらに小さい箱で3つはいっている


番号で呼び出す。


box.length …配列の数

box.sort();…配列の数字を順番にしてくれる



for文（カウント）をつかって、番号をすべて呼び出したりして使う。
var rank=1;var box= new Array();box[0]="あいうえお";

box[1]="かきくけこ";

box[2]="さしすせそ";

for(i=0;i<=2;i++){

document.write(rank+i+"位"+box[i]+"<br>");

}



表示すると


1位あいうえお
2位かきくけこ
3位さしすせそ

となる。








---------------参考サイト---------------------

・JavaScript入門
http://www.pori2.net/jhttp://www.blogger.com/img/blank.gifs/
投稿者 hinaoka 0 コメント
ラベル:

2012-07-19

オブジェクト　メソッド　何？　javascriptの理解　【javascript】②

◆○○オブジェクトって何？


ざっくりゆうと、javascriptは、オブジェクトとメソッドで成り立っている。

○○(オブジェクト)に対して、★★（メソッド）してね。

しかも、たぶん
出来ることが決まってる↓↓javascriptリファレンスより確認

http://www.htmq.com/js/index.shtml


…ということは、
この中にないものはできないと考えた方が頭すっきり。

しかもメソッド（命令）は、オブジェクトによって決まってるので
そんなに難しくないかも



下の参考サイトの＜例＞を式にすると↓

document.write("テスト");
　　　↓↓↓
対象物｢オブジェクト｣.アクション｢メソッド｣（具体的な内容｢引数｣）；




◆なら、オブジェクト指向ってなに？



要は、あんまり難しいことはしなくていいょ。

簡単にいこうよ！…的なこと？またつまづいたら調べてみる




◆あれ、プロパティは？



下記のリファレンスをよ～くみてみる
例えば、｢window｣は、最後に｢（）｣があるのがメソッドでないのがプロパティ
ちなみに、｢●●名｣とうのは、nameまたはIDで指定

★JavaScriptリファレンス（オブジェクト別）
http://www.htmq.com/js/index.shtml


プロパティとメソッドの使い方
①｢.(ドット)｣を使う

②｢[](ブラケット)｣を使う

↑この二つを使ったプロパティの例↓ 
document.getElementById("linktest").href="https://www.google.co.jp/";


document.getElementById("linktest")["href"]="https://www.google.co.jp/";


※＜a＞タグlinktest（ID）のリンク先を変更している。



-----------------　参考サイト　---------------------
・オブジェクト/JavaScript入門
http://www.scollabo.com/banban/java/jvp_01.html

・オブジェクト、メソッド、プロパティについて
http://plusone.jpn.org/javascript/nyumon/kihon/06obj.html
投稿者 hinaoka 0 コメント
ラベル:

2012-07-04

変数と関数の理解　javascriptの理解　【javascript】③

◆変数について


var n;　//「n」という箱をつくって
n=1;　//「n」の中に1をいれる
document.write(n+"<br>");n=n+2;　//1の入った「n」に2たす。
document.write(n+"<br>");n++;　//3の入った「n」に+1する
document.write(n+"<br>");
※左のnはただの空箱と考える。

++（カウント）や代入の意味はこちら→演算子一覧

変数に使えるもの
・大文字（キャメルケース） 【例：topTop】
・数字（一番最初以外） 【例：top1】
・英文字
・＄ドル記号
・_（アンダーバー）

▼複数の変数指定
var n ,m ;




変数のスコープ（有効範囲）について（2種）

グローバル変数とローカル変数っていうのがあるらしい


▼ローカル変数…宣言した関数内でのみ利用可能な変数
function test(){
var aaa ="テキスト";//ローカル変数

}

alert(aaa);←エラーになります。ローカルにはアクセスできない


▼グローバル変数…プログラム全体で共有できる変数（2パターン）
var aaa ="テキスト";//グローバル変数
function test(){
bbb="テキスト";//varをつけない（どこでもいい）

}

alert(aaa);←アラートで「テスト」とでる
alert(bbb);←アラートで「テスト」とでる


ちなみに…ローカル関数もアクセスはできない
function test(){
var aaa ="テキスト";

function test_in(){
var aaa ="テキスト";
alert(aaa);
}

}

test_in();



※if文やforの中括弧の中で宣言した変数にはアクセスできます。
※ローカル関数は、関数の一番上に宣言（空）されるようになってるらしい…だからなんなのかは不明





◆関数について

あらかじめ決まっている処理を行う命令のこと


function　aaa(引数1,引数2)｛
処理;return処理;
｝

呼び出すとき
aaa();


↓↓クリックしたときは↓↓※関数を呼び出しに、JQueryを使用
*js側
function aaa(){
alert('アラート\n表示');
}

$("#bbb").click(aaa);

*html側
<body><div id="bbb">ボタン</div></body>

意：ボタンを押すと、アラート表示がでる。


ちなみに…
function test(){
alert("テスト");
}　※関数test

↑と↓は同じです。

var test = function (){
alert("テスト");
}　※変数testに無名関数（関数の名前無）をいれたもの


test();


ということで…

→関数は変数として呼び出すことができる
function test(){
alert("テスト");
}

var a = test;

a();



◆引数(ひきすう)について

function　aaa(引数1,引数2)｛処理;
return処理;
｝


function aaa(x){
return x*2;
}

aaa(3);
意：ボタンが3×2、6と差し替わります



・return…処理したものを元に返す。（戻り値）
（※aaa()という関数には、×2したものをかえしてね。とかいてある。）

aaa(3)を×2したものをかえしてる。

※引数をかえることで、同じ関数をつかいまわしができる。



ちなみに…引数に関数オブジェクトを入れることもできます
function gogo(x){

x();

}

gogo( function(){ alert("テスト") } );





引数は変数の一種です。 関数を呼び出す時には、このｘにいろいろな値を代入します。
(http://www.pori2.net/js/kihon/9.htmlより流用)



引数が複数の場合は、「,」をつかって区切る。
↓例
function aaa(x,y){

return "かけると"+ x*y +"です。";
}

(aaa(3,3));



戻り値に、関数オブジェクトを入れることもできる…が例えば…が思いつかなかったので無視



-------------------------　参考サイト　-------------------------
・JavaScriptの変数のスコープについて学ぶ - builder
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20373861/

・JavaScriptのイロハ：「関数はオブジェクト」って理解できますか？ - builder
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20364588/
投稿者 hinaoka 0 コメント
ラベル:

2012-07-03

繰り返しの処理　【javascript】

◆while（ホワイル）

while(この条件を満たしていたら…)｛
この処理を繰り返してね；
｝

条件を満たしていなかったら、終了します。





そのほかの繰り返しの処理→forについて
投稿者 hinaoka 0 コメント
ラベル:

2012-06-29

javascriptの理解　【javascript】①

動的なページがつくれる。
サイトを見ているユーザー側のブラウザで実行されるプログラミング言語。

文末につける「;」は、日本語で言う「。」と同じ。

コンピューターそのものの根本は、計算を行うために生まれたらしい。
そう考えると、プログラミング言語javascriptもキモは計算らしい。


簡単な計算↓

「1+1」→答え「2」

「1+1*2」→掛け算(*)を先に計算するから→答え「3」

「(1+1)*2」→(カッコ)を先に計算するから→答え「4」


うっすらとしか覚えてない演算の優先順位…




★文字列と数字の計算について

↑のように文字列と数字を計算してみる

「"a"+1」→「a1」

「"a"-1」→「NaN」（演算できないよ）

「"a"*1」→「NaN」（演算できないよ）

「"a"/1」→「NaN」（演算できないよ…みたいな意味）

※NaN…Not a Numberの略


「+」は、足し算されたのではなくて、ただの連結。なので並んで表示されているだけ


文字列を数字（数値）として扱いたいとき、

普通にすると…
「"123"+1」→「1231」　←このままだと「1」がくっつく

文字列に引き算（減算）すると…
「"123"-0+1」→「122」　←文字列を数値として認識してくれる

※「-0」の数字は0（ゼロ）じゃなくても何でもいい。けど、なんらかの影響がないように「0」にするのがいい。



最後に

「"123"-0*10」の場合は、先に掛け算が計算されるから「123」となる

「1230」としたいときは、「（"123"-0）*10」とする。




---------　ちゃんと書いてあるのはこれ↓　--------------------



----------------------------------------------------------------




★実際どんなことができるのか→オブジェクト　メソッド　何？
投稿者 hinaoka 0 コメント
ラベル:
登録: 投稿 (Atom)

アマゾン和書/最新の情報