約 2,903,074 件
https://w.atwiki.jp/yukobayashi/pages/20.html
javascript jQuery cssセレクタ contents contents spanタグを指定する時 id属性を指定する時 htmlを弄ってみる spanタグを指定する時 // jquery $( span ) // javascript var hoge = document.getElementByTagName( span ); id属性を指定する時 // jquery $( #ken ) // javascript var unko = document.getElementById( ken ); htmlを弄ってみる ・htmlで以下のようにIDをふる p id="about" test page /p ・js $( #about ).html(" b change page /b "); jQueryのオブジェクトで返されるので、htmlエレメントが返されるわけではないので$( #about ).innerHTMLにするとNG.
https://w.atwiki.jp/kodan/pages/165.html
http //www.nishishi.com/javascript/2014/onload-page.html ■ウェブ上のあらゆるオブジェクトの読み込みがすべて完了した後で処理をする方法 (A) HTMLでbody要素に「onload」属性を指定して、値に処理を書く。 (B) JavaScriptソースに window.onloadメソッドを利用して、値に処理を書く。 ■ウェブページのHTMLが読み込み完了した時点で何らかの処理をする方法 さて、先ほどの方法では、ページ上に存在する画像など「すべてのオブジェクト」の読み込み完了を待ってから処理が実行されます。 しかし、その方法だと、「ページの大きさ」や「掲載されている画像のファイルサイズ」などによっては、スクリプトが実行されるまでに結構な待ち時間が発生する場合もあります。 ナビゲーションメニューを提供するスクリプトなど、「HTMLさえ全部読み込まれていれば、ページ上の画像などの読み込みを待つ必要は無い」という場合もあるでしょう。ナビゲーションに利用するスクリプトなど、ページ上の表示を動的に変更するような処理の場合は、 できるだけ早く実行された方が望ましい。 でも、HTMLソースが読み終わるよりも前に実行されると困る。 という条件(制約)があります。 このような場合には、『HTMLソースの末尾にスクリプトを記述する』、または『HTMLソースの末尾で指定の関数を実行する』ように記述すれば実現できます。 HTMLの本文の末尾には、以下のようにbody要素の終了タグがあるはずです。 /body HTMLソースの末尾でJavaScriptファイルを読み込めば良いです。 script type="text/javascript" src="firstscript.js" /script /body ■ウェブページが読み込まれる前に何らかの処理をする方法 head要素の中にでも書いておく。 head script type="text/javascript" src="firstscript.js" /script /head
https://w.atwiki.jp/pspt/pages/245.html
JavaScriptリファレンス入門 言語に関する話題はこちら→JavaScript & jQuery JavaScriptリファレンス入門 リファレンスコメント文 変数に数字を代入する 文字を出力するアラートダイアログ上に表示 ブラウザ上に表示 コンソール上に表示 簡単な計算をするaとbの和を出力する aのb乗を出力する 少し複雑な計算をする 変数の変換文字列を数値に変換する 数値を文字列に変換する 端末から情報を入力するダイアログにYES/NOを入力する ダイアログに文字を入力する フォームに文字を入力する 繰り返し文for文 while文 条件分岐if文 switch文 条件演算子? 配列多次元配列 リファレンス コメント文 // コメント文です。 変数に数字を代入する javascriptではvarのような変数宣言を必ずしもする必要はないがソースの明快さの為に宣言することが推奨される。 var a=1; var b=-1; 文字を出力する 文字列を表示させる場合は (クォーテーション)か"(ダブルクォーテーション)で囲む必要がある。 アラートダイアログ上に表示する際は改行(\n)の利用が可能。 アラートダイアログ上に表示 var a=1; var b=-1; alert(a); alert(b); alert("一行目\n二行目"); ブラウザ上に表示 var a=1; var b=-1; document.write(a+" br "+b+" br test"); コンソール上に表示 var a=1; var b=-1; console.log(a); console.log(b); 簡単な計算をする 足し算 + 引き算 - 掛け算 * 割り算 / 剰余 % 累乗 Math.pow(,) aとbの和を出力する var a=1; var b=-1; var solution=a+b; document.write(solution); aのb乗を出力する var a=1; var b=-1; var solution=Math.pow(a,b); document.write(solution); 少し複雑な計算をする ここでは解の公式を例とする。ただし±のうち+の方のみを再現する。 括弧は()のみ扱える。 平方根を返す関数はMath.sqrt(x)。 var a=1; var b=-1; var c=-1; var x=(-b+Math.sqrt(Math.pow(b,2)-4*a*c))/(2*a); document.write(x); 変数の変換 文字列- 数値 Number(文字列) 数値- 文字列 String(数値) 変数に数字を代入したからと言ってブラウザがそれを数字として認識するとは限らない。変数の型を意識しよう。 文字列を数値に変換する var a= 1 ; var b= -1 ; document.write(a+b); document.write( br ); a=Number(a) b=Number(b) document.write(a+b); 数値を文字列に変換する var a=1; var b=-1; document.write(a+b); document.write( br ); a=String(a) b=String(b) document.write(a+b); 端末から情報を入力する ダイアログに入力する方法とフォームに入力する方法の2つがある。 ダイアログにYES/NOを入力する var a=confirm( これはペンですか? ); alert(a); ダイアログに文字を入力する var str=prompt( あなたは誰ですか? , ); alert( 私は +str+ です。 ) フォームに文字を入力する !--HTMLのコード-- form name="js" p あなたは誰ですか? /p input type="text" value="" input type="button" value="OK" onclick="test()" /form //JavaScriptのコード function test(){ var str=document.js.elements[0].value; alert( 私は +str+ です。 );} 繰り返し文 繰り返し文にはfor文とif文の2つがある。while文はfor文に比べ初期化式や変化式がない。for文は決まった回数だけ繰り返す場合に使われることが多く、while文では繰り返し回数が決まっていない場合などに使われることが多い。 for文 var sum=0; for(i=0;i 5;i++){ sum=sum+1; alert(sum); } while文 var sum=0; var i=0; while(i 5){ i++; sum=sum+1; alert(sum); } 条件分岐 条件分岐にはif文とswitch文の2つがある。一般的な条件分岐ではif文が使われ、分岐が多い場合はswitch文が使われることが多い。また簡単な条件分岐であれば条件演算子?を使ってもよい。 if文 var num=prompt( 正の数を入力すれば合格です。 , ); num=Number(num); if(num 0){ alert( 合格 ); } else{ alert( 不合格 ); } switch文 var num=prompt( 1を入力すれば合格です。 , ); num=Number(num); switch(num){ case 1 alert( 合格 );break; default alert( 不合格 );break; } 条件演算子? var num=prompt( 正の数を入力すれば合格です。 , ); num=Number(num); num 0?alert( 合格 ) alert( 不合格 ); 配列 配列とは添え字付き変数に対応するものである。 対応する添え字が0から始まることに注意。 ここでは出力にfor文を用いた。 var ary=[3,1,4]; for(i=0;i 3;i++){ alert(ary[i]) } 多次元配列 j=0 j=1 j=2 i=0 3 1 4 i=1 2 7 1 i=2 1 3 7 上のi行j列の表を再現する。 列間が連続しないように (空白)を挟んだ。 var ary=[[3,1,4],[2,7,1],[1,3,7]]; for(i=0;i 3;i++){ document.write( p ); for(j=0;j 3;j++){ document.write(ary[i][j]+ nbsp; ); } document.write( /p ); }
https://w.atwiki.jp/kodan/pages/131.html
new Date() 月は0から11の範囲で指定する dd = new Date(1999, 11, 31); dd = new Date(1999, 11, 31, 23, 59, 59); dd = new Date("Dec 31, 1999 23 59 59"); dd = new Date("December 31, 1999 23 59 59"); 以下の形式も使用可能ですが、Netscape Navigator 2.0 では月を 0~11 で記述します。 dd = new Date("1999/12/31 23 59 59"); dd = new Date("12/31/1999 23 59 59"); dd = new Date("99/12/31 23 59 59"); dd = new Date("12/31/99 23 59 59"); 時刻を省略した場合は現在の時刻となります。 dd = new Date(); JavaScript 1.3 では、ミリ秒の指定も可能になりました。 dd = new Date(1999, 11, 31, 23, 59, 59, 999);
https://w.atwiki.jp/snark/pages/21.html
以下のソースを実行し、[change]のボタンを押すたびに文字列"text"が出たり隠れたりする。 html head title テスト /title script type="text/javascript" !-- function kansuuY() { if (document.getElementById("text1").style.display == "none") { document.getElementById("text1").style.display = "block"; } else { document.getElementById("text1").style.display = "none"; } } // -- /script /head body form action="#" input type="button" value="change" onclick="kansuuY()" div id="text1" style="display block" text /div div id="text2" style="display block" xyz /div /form /body /html
https://w.atwiki.jp/sevenlives/pages/1355.html
プロトタイプ・チェイン Objectクラス(JavaScript)?
https://w.atwiki.jp/sevenlives/pages/2640.html
イベント・フェーズ(JavaScript) イベント・ハンドラ DOM JavaScript
https://w.atwiki.jp/boujyutsuki/pages/68.html
概要 JavaScriptを試すためのページです。 自動予備審査プログラムテスト用 基本情報 機体名称: 機体製作者: クラス: 軽量型 中量型 重量型 支援型 格闘型 軽飛行型 重飛行型 固定翼型 機体スペック 機体サイズ: 極小 小 中 大 極大 旋回速度: 遅い 普通 速い ジャンプ高度:m エイム可動角度(上):度 エイム可動角度(下):度 エイム可動角度(左右):度 HP: EN: 前進速度:km/h 後退速度:km/h 武装スペック 通常Cannon:個 戦車砲用Cannon:個 榴弾砲用Cannon:個 Barrel:個 Beamer:個 Discharger:個 Launcher(誘導):個 Launcher(無誘導):個 Sword(ビーム):個 Sword(実体):個 Amp(ソード一つにつき):個 Shield:個 武装数: 特殊能力: 煙幕 ロックオン補助 水上浮遊 特記事項: 審査結果出力
https://w.atwiki.jp/aosora/pages/16.html
(Windows環境で。) 以下をインストール JSDoc http //jsdoc.sourceforge.net/ javascriptのjavadocみたいの作成ツール。 解凍して、適当な場所に置く。 ActivePerl http //jsdoc.sourceforge.net/ JSDocを動かすときにperlが必要。 PPMも一緒にインストールしてくれる。 Windowsを再起動して、WindowsのPATHに perlが通っていることを確認。 コマンドプロンプトを起動。 JSDocを配置したフォルダに移動し、以下のコマンドを実行。 perl jsdoc.pl test.js もし Can t locate HTML/Template.pm in @INC ...... というメッセージが出てエラーになったら、コマンドプロンプトで ppmを実行する。 C \ ppm PPMのコンソールが起動する。 ツールバーの一番左の「View All Packages」をクリック。 パッケージ一覧の中から「HTML-Template」を選択。 ツールバーの中から「Mark for install」をクリック。 ツールバーの中から「Run marked actions」をクリック。 HTML-Templateがインストールされる。 コンソールを閉じる。 再度実行。 C \home\hoge\JSDoc-1.10.2 perl jsdoc.pl test.js (ログ) Loading sources from test.js Completed generating documentation 完了のログが表示されたら、同じフォルダにjs_docs_outが作成される。 その中のindex.htmlを実行するとjavadocのような画面が表示される。
https://w.atwiki.jp/hear_br0wn/pages/32.html
●for構文 for構文は、特定の範囲内に記述されているJavaScriptを決められた回数繰り返し実行することができる。 繰り返しの回数は変数でカウントされ、変数が一定の条件になるまで繰り返し実行される。 変数を仮に「i」とした場合、以下の3項目が必要 ①変数「i」の初期値 ⇒変数名 = 初期値 ②繰り返しを継続する為の条件 ⇒比較演算子を使用 ③処理を一回実行するたびに変数「i」の値をどのように変更するか? ⇒インクリメント、デクリメントを使用 【①for構文の記述】 for(変数の初期値 , 繰り返しの条件 , 変数の変更){ 処理 } ※forのカッコの中は「;」( )で区切る。 例: ①変数「i」の初期値は「1」 ②繰り返しを継続する為の条件は、変数「i」が5以下になるまで繰り返す ③処理を一回実行するたびに変数「i」の値をどのように変更するか? ⇒ 処理を一回実行するごとに「i」の値を1増加する ↓ for(i=1 ; i =5 ; i++){ 処理 } 【比較演算子】 ⇒PHPコピペ 【変数の注意点】 カウンタ変数には少数を使用しない! 例えば、以下のように変数に0.1を代入し、0.1増加するような記述をした場合、 9回のメッセージウインドウが表示すると予測されます。 しかし、実際は10回表示されます。 この原因は少数以下の計算に誤差が含まれるためです。 for(i=0.1 ; i =1 ; i=i+0.1) alert("現在の値は" + i); } コンピュータの数値計算は、仕組み上、小数点以下に微笑な誤差が生じる場合があります。 このため、9回目の処理を実行したあとも変数「i」は1をわずかに下回り、10回目の処理が実行されます。 【②二重ループ】 for文を入れ子にして記述すると二重ループの繰り返し処理が可能。 その場合、以下のように処理される。 例: for (i=1 ; i =3 ; i++){ 【処理A】 for(j=1 ; j =5 ; j++){ 【処理B】 } 【処理C】 } この場合、 【処理A】と【処理C】はi=1 ; i =3により、i=1、2、3の計3回実行される。 【処理B】はi=1 ; i =3の、i=1の時にj=1~8の計8回のループ、i=2の時にj=1~8の計8回のループ、i=3の時にj=1~8の計8回のループ、の計24回実行される。 ◆document.write() HP内に文字を表示できる、その場合文字は「'」「"」で挟む。 二重ループを使った例; table border="1" tr th /th th 1 /th th 2 /th th 3 /th th 4 /th th 5 /th th 6 /th th 7 /th th 8 /th th 9 /th /tr script language="javascript" !-- for(i=1 ; i =9 ; i++){ document.write(" tr th " + i + " /th "); for(j=1 ; j =9 ; j++){ document.write(" td " + i*j + " /td "); } document.write(" /tr "); } -- /script /table 以下のように表示&解説、 ⇒javascript_practice003.png参照