約 2,904,189 件
https://w.atwiki.jp/nozick/pages/15.html
エディタ HTML5概説 HTML5 JavaScript概説 テキストボックスとボタンをJavaScriptで提供する エディタ 単純なテキストエディタならmiが使いやすい。 →タブで複数テキストを保持出来て、HTML・JavaScriptが打ちやすい。 →Windows版ではCSSモードが存在しない為、標準モード(通常のテキスト)で記述する。 もしくはEclipseにプラグインでJSDTを導入する。 HTML5概説 HTMLとはウェブ上の文書を記述するためのマークアップ言語である。 HTMLでマークアップされたドキュメントは他のドキュメントへのハイパーリンクを設定できる(名に付くように)ハイパーテキストであり、画像・リスト・表などの高度な表現力を持つ。 HTML5とは第5回目となる大幅な改訂版となる。 なお、現在も策定中であり、完全版ではない。 ルールが確定していない機能は取り入れないInternetExplorerでもIE9に大部分を取り入れている。 HTML5 JavaScript概説 オブジェクト指向のスクリプト言語。 主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。 テキストボックスとボタンをJavaScriptで提供する HTMLファイル内の記述 +... !DOCTYPE html html lang="ja" head meta charset="SHIFT-JIS"/ title お名前をどうぞ! /title /head body form name="js" 苗字: input type="text" name="Num1" value="" br 名前: input type="text" name="Num2" value="" br input type="button" value="表示" onclick="tboxPlus()" br input type="button" value="消去" onclick="clr()" br /form script // テキストボックスの文字を取得するfunction tboxPlus(){ var str1 = document.js.Num1.value + document.js.Num2.value; alert(str1);} // テキストボックスの文字を操作するfunction clr(){ document.js.Num1.value=""; document.js.Num2.value="";} /script /body /html JavaScript部分を表示 +...
https://w.atwiki.jp/wiki6_vladinet/pages/76.html
はてなブックマーク - うらぢのブックマーク - javascript 新JavaScript入門
https://w.atwiki.jp/m_shige1979/pages/1015.html
定数 定数について "const"キーワードを用いて定数を定義する。 一度定義した場合、新しく定義しても設定されないので注意が必要 記述 hoge.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http //www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / title テストサイト /title /head body script type="text/javascript" !-- // 定数定義 const AAA = 20; const BBB = "Test2"; // 値を代入しても反映されない AAA = 10; BBB = "Sample2"; // 出力 document.write("Hello World br / "); document.write(AAA + " br / "); document.write(BBB + " br / "); // -- /script /body /html
https://w.atwiki.jp/m_shige1979/pages/1021.html
例外処理 概要 例外処理を行う場合に設定 try-catch-finally !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http //www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / title テストサイト /title /head body script type="text/javascript" // ![CDATA[ try{ // 継続条件 for(var i = 0;i 10;i++){ if(i = 9){ throw "エラー!"; } // 余りを取得 var data = i % 2; // 0の場合は処理しない if(data == 0){ continue; } document.write("i=" + i + " br / "); } document.write(" br / "); }catch(e){ document.write("★" + e + "★ br / "); }finally{ // 出力1 document.write("Loop End" + " br / "); } // 出力1 document.write("Test Javascript1" + " br / "); end1 // 出力2 document.write("Test Javascript2" + " br / "); //]] /script /body /html
https://w.atwiki.jp/sevenlives/pages/2183.html
JavaScript 変数(JavaScript)? オブジェクト(JavaScript)?
https://w.atwiki.jp/m_shige1979/pages/1014.html
変数 変数について 基本的には"var"を使用して定義することが可能。基本的にはスクリプトなので 値の代入があれば自動で定義されるが、バグの原因になりやすいのでなるべく定義すること 記述 hoge.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http //www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / title テストサイト /title /head body script type="text/javascript" !-- // 定義 var aaa = 10; var bbb = "Test"; // 未定義で設定 ccc = "Sample"; // 出力 document.write("Hello World br / "); document.write(aaa + " br / "); document.write(bbb + " br / "); document.write(ccc + " br / "); // -- /script /body /html
https://w.atwiki.jp/white0/pages/17.html
JavaScript $("ID").style で指定オブジェクトのスタイルにアクセス CSS visibility 表示・非表示visible 表示 hidden 非表示
https://w.atwiki.jp/nicepaper/pages/276.html
前回記事JavaScript入門4では関数の書き方について学びました。今回は配列について考えていきます。10月25日記事 目次 配列 コード まとめ 配列 配列の表現について、連想配列は今後学ぶオブジェクトと似ています。連想配列はオブジェクトの一種だと考えていいです。最後の方はオブジェクトとしての書き方も少しふれておきます。 コード !DOCTYPE HTML html head meta charset="utf-8" title 配列 /title /head body script //基本的な使い方 var testscore = [98,30,100]; console.log(testscore[0]);//0から開始される。98が表示される。 //連想配列の書き方 var testscore1 = { math 98, japanese 30, english 100 }; console.log(testscore1["math"]); var testscore2 = { "math" 98, "japanese" 30, "english" 100 }; console.log(testscore2["math"]);//ダブルクオーテーション等でくくる。 console.log(testscore2.math);//こんな感じでも使える。オブジェクトの使い方 //console.log(testscore2[0]);//これはエラーが表示されます。 //値を書き換える場合 testscore2.math = 100; console.log(testscore2.math); /script /body /html まとめ 連想配列は次に出てくるオブジェクトを使う表現と同じです。連想配列=オブジェクトの表現と考えておくと、よりオブジェクトの学習が楽になると思います。 以上
https://w.atwiki.jp/saicron/pages/69.html
Programming Language/JavaScript/JavaScript サンプル Contents Programming Language/JavaScript/JavaScript サンプルContents 電卓 電卓 JavaScriptサンプル(簡易電卓) - とほほのWWW入門 電卓に挑戦 - イヌでもわかるJavaScript講座 シンプル電卓 - ささら庵 関数電卓(JavaScript版) - 中川雅央氏(滋賀大学) page top
https://w.atwiki.jp/api_programming/pages/208.html
下位ページ Content 宣言配列、連想配列 要素数 要素の追加引数で追加 連想配列を結合する 要素の削除splice()indexが配列長より大きい場合 要素のソート(並び替え)sort forで回したい 配列/Javascript - AjaxTower 配列 (Array) - JavaScript プログラミング解説 宣言 new Array() var a = new Array() もしくは []で最初から中身や要素数を書く。 var a = [] new Array()と[]の違い - Qiita http //qiita.com/Hiraku/items/d74690088dfa368875c9 配列、連想配列 javascriptの連想配列と配列の違い - Qiita 要素数 array.length 関数ではなく、プロパティ lengthプロパティ 要素の追加 引数で追加 var renso = {} renso.hoge = "hoge"; renso.fuga = "fuga"; 連想配列を結合する jQueryには $.extend(target,obj1[,obj2,...]) という関数があるらしい。 jQuery.extend $.extend() - js STUDIO 要素の削除 splice() array.splice(index, howMany, [element1][, ..., elementN]);) index の要素から howMany 個削除する ※その場で配列長が短くなるので、ループを回す際には後ろから回すなど、工夫が必要 indexが配列長より大きい場合 index ← length-1 で解釈される https //developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/splice 要素のソート(並び替え) sort htmlでいうところのli要素(の集合、配列)に対して使ってみたが、リストの順番は実では反映されず。 html($(ul li).sort())をしてみたら、ソートはできたが、.data("-","~")でくっつけておいたデータが反映されず。 変数の並べ替えは「辞書的」に行われる。 .sort(compareFunction) でcomareFunctionを定義することで、オブジェクト等々でも並べ替えが可能。 compareFunction(a,b) 0 a→bの順に並べる compareFunction(a,b) = 0 a = b と判断(並べ替えない) compareFunction(a,b) 0 b→aの順に並べる 中でどのような並べ替えが行われているのか?どうも挿入ソートで行われているようだ(firefoxとchromeでは)。挿入ソートなので、n番目の要素のソート(挿入位置の検索)を開始してから、並べ替えが発生しなかったとき、つまり compareFunction 0 になったとき、次のn+1番目の要素のソートに遷移する、という意味でいいのか? すると、「並べ替えて次の」か並べ替えないか」だから、すくなくともfirefoxとchromeでは、compareFunction = 0 と compareFunction 0 は「並べ替えない」という意味で同義になるのか? Array.sort - MDN forで回したい for(len key in dict){} で回せるが、他にも Object.keys(dict).forEach Object.keys(dict)でkeyを取り出してforEachを使うこともできる。ただ、forEachではbreakが使えない(return で逃げる)ので面倒。 for ... in ... forEach JavaScriptにおける連想配列のforループ操作