約 2,904,303 件
https://w.atwiki.jp/zakuaku/pages/2600.html
javascript 「javascript入力プラグイン(javascript, js)」は管理者しか利用出来ません。 しかし、ここにあるURL又はページ名を「他のページを取り込む(include)」を利用すれば使用可能です。 ネタバレ防止 javascript/spoiler
https://w.atwiki.jp/ozuka/pages/18.html
html内でJavaScriptを使う場合、htmlのヘッダーに meta http-equiv="Content-Script-Type" content="text/javascript" と記述するのが作法 htmlのなかに埋め込む場合 script type="text/javascript" ここに記述 /script 外部のJavaScriptをhtmlに取り込む場合 script type="text/javascript" src=hoge.js" /script コメント 単一行 // 複数行 /* 〜 */ 文の終わりは";" ただし、";"がなくても1行として成立する場合は、勝手につくらしい。 変数の宣言 var 変数名; 数値、文字、オブジェクト等、全てvarでよい。 初期値を同時に定義するなら var 変数名 = 100; 変数の型は、その中身による。 数値に文字列を結合すると文字になる。 var a = 1; // aは数値の1 a = a + 1; // aは数値の2 a = a + 1 ; // aは文字列の 21 ちなみに、文字列は「+」で結合できる。 比較演算子 == 値が等しいかどうか評価 === 値と型が等しいかどうか評価 != 値が等しくないかどうか評価 !== 値と型が等しくないかどうか評価 他は普通( = = ) はない。 論理演算子 ! 否定 論理積 || 論理和 in演算子 オブジェクトまたは配列内に、指定したプロパティが存在するかどうか typeof演算子 var a = 0; typeof(a); //この場合、この結果はnumber 条件分岐 if (A == B) { 〜 } else if (A == C) { 〜 } else { 〜 } ちなみに、 x = a b ? a b ; は if ( a b ){ x = a; } else { x = b; } と同じ 繰り返し for ( var i = 0 ; i 100 ; i += 3){ document.write(i); } for (;;){ } で無限ループ var youbi = [ 月 , 火 , 水 , 木 , 金 , 土 , 日 ]; for (var wk in youbi){ document.write(youbi[wk] + " br "); } で"月"〜"日"まで出力。 ただし、JavaScriptのこの文は取り出す順番がよくわからない。 ループ前に判定(場合によってはwhile内を通らない) while (i 10){ 〜 i++; } ループ後に判定(まず、while内を1度実行してからwhile判定 do { 〜 i++; }while (i 10); 多分岐 switch (a) { case 1 〜 break; case 2 〜 break; default 〜 } breakがないと、処理が次のラベルにも入ってしまう。
https://w.atwiki.jp/programing_wands/pages/20.html
JavaScriptについて JavaScriptとは JavaScriptの書き方
https://w.atwiki.jp/telestea/pages/108.html
JavaScript(ジャヴァスクリプト)とは、オブジェクト指向のスクリプト言語である。主にウェブブラウザ(ブラウザ)にクライアントサイド実装され、動的なウェブサイト構築や、リッチインターネットアプリケーション(RIA)など高度なユーザインタフェース(エクステンション)の開発に用いられる。 拡張子.js パラダイムマルチパラダイム 登場時期1995年 設計者ブレンダン・アイク 開発者ネットスケープコミュニケーションズ、Mozilla Foundation 最新リリース1.8 / 2008年 評価版リリース1.9.3 / 2010年 型付けダック・タイピング 主な処理系JavaScriptCore、KJS、Nitro、Rhino、SpiderMonkey、V8ほか 方言JScript 影響を受けた言語C言語、Java、Perl、Python、Scheme、Self 影響を与えた言語Dart、Objective-J プラットフォームクロスプラットフォーム JavaScript - ウィキブックス
https://w.atwiki.jp/shells/pages/39.html
JavaScript 読み方 : ジャバスクリプト 別名 : JS Sun Microsystems社とNetscape Communications社が開発した、Webブラウザなどでの利用に適したスクリプト言語 ( 簡易プログラミング言語 )。 Sun社のJava言語に似た記法を用いることが名称の由来だが、直接の互換性は無い。 従来は印刷物のような静的な表現しかできなかったWebページに、動きや対話性を付加することを目的に開発され、主要なWebブラウザのほとんどに搭載されている。 ブラウザ以外のソフトウェアにも簡易な制御プログラムの記述用言語として移植されており、 Microsoft社のWindowsやWebサーバソフト「IIS」、Macromedia社の「Flash」などに、JavaScriptあるいは類似の言語の処理系が内蔵されている。 各社の実装に微妙な違いがあり、ブラウザによって使えない機能があったり同じプログラムでも挙動が異なったりする問題があったため、 ヨーロッパの標準化団体ECMAがソフトウェアメーカーに呼びかけて、通称「ECMAScript」と呼ばれる標準を発行した。 現在では、ECMAScript準拠の処理系をJavaScriptと呼び、 独自の拡張を施したJavaScriptには独自の名称を付ける(Microsoft社は「JScript」、Macromedia社は「ActionScript」)習慣が定着しつつある。 IT用語辞典 戻る
https://w.atwiki.jp/api_programming/pages/40.html
下位ページ AngularJS Date(日付・時刻) jQuery jQuery Mobile jQuery-UI イベント制御 オブジェクト ダイアログ(Dialog) 変数・演算子 文字列(String) 構文・処理 表示 連想配列 配列 関数 非同期処理 Content コードの記述方法HTMLページ内に記述 コードの実行タイミングDOMが構築されている途中 DOMが構築されてから 関数の定義function文による定義 デフォルト引数の設定 引数は参照渡しか値渡しか? テキストボックスの値を取得するid属性で指定する場合 name属性で指定する場合 クッキーの操作書き込み設定値を加える 読み出し 正規表現 タイマーの利用と停止 ポップアップウィンドウ getで指定するパラメータを、エンコード/デコードする 配列のソート ページの遷移 / リダイレクト任意のページに移動 履歴の前後に移動 Dateオブジェクトの計算 即時関数即時関数のポイント JSPの変数をJavascriptに渡す。 Javascriptの変数をJavaに渡す コメント1行コメント 複数行コメント タッチデバイスへの対応 JSONデータの読み込み ウィンドウサイズの取得 コードの記述方法 http //www.openspc2.org/JavaScript/study/script.html HTMLページ内に記述 SCRIPT /SCRIPT type="text/javascript" language="~" でバージョン指定も可能 コードの実行タイミング .onload .ready DOMが構築されている途中 script /script の中に書くと、読み込まれた時点で実行される。 DOMが構築されてから document.ready DOMツリーは構築されているが、まだ外部からのロードは始まっていない。 window.onload 既に画像のレンダリングも終わった状態 window.onload = function(){...} [[]] 【JavaScript】記述方法別の実行タイミングについて -Qiita 関数の定義 http //www.atmarkit.co.jp/ait/articles/0707/10/news124.html] function文による定義 Functionコンストラクタによる定義 関数リテラルによる定義 function文による定義 function 関数名([引数1 [, 引数2 [, ……]]) { [関数内で実行される任意の命令……] } デフォルト引数の設定 = で事前設定しておくと、デフォルト扱いになる。 function testfunc(a, b = null) もし function testfunc(a = null, b) で、引数 testfunc(1) にしたら、a = 1, b = undefined になる。 デフォルト引数 引数は参照渡しか値渡しか? オブジェクト、配列は参照渡し 数、文字列は値渡し http //so-zou.jp/web-app/tech/programming/javascript/grammar/function/#no13 テキストボックスの値を取得する id属性で指定する場合 document.forms.(参照するフォームのid).(参照するコントロールのid) name属性で指定する場合 document.forms.(参照するフォームのname).(参照するコントロールのname) iPentec クッキーの操作 document.cookieでアクセスが可能 クッキーの使用方法 - JavaScript プログラミング解説 書き込み =(イコール)で、変数と値をセットにして書き込み document.cookie="変数=値" 設定値を加える 寿命を2時間(7200秒)に設定する document.cookie="key=value; max-age=7200" 読み出し document.cookie を読み込めば、そのまま取得できるが、 key1=value1;key2=value2;key3=value3 となるので、分割する必要あり 文字列の分割 正規表現 チェック、置換、該当部分の抜き出しが可能チェック、該当部分の取り出し match 置換 replace Javascriptでの正規表現の利用 タイマーの利用と停止 setInterval関数 返り値がtimerIDで、clearInterval(timerID)で停止させる。 https //techacademy.jp/magazine/5537 ポップアップウィンドウ window.openで開く。戻り値としてウィンドウオブジェクトが返ってくる。これを監視していれば、閉じたかどうか分かる。 http //amenti.usamimi.info/windowopen.html getで指定するパラメータを、エンコード/デコードする encodeURIComponent decodeURIComponent どちらも組み込み関数 http //itpro.nikkeibp.co.jp/article/Reference/20081126/319910/?ST=oss 配列のソート array.sort(comparefunction) comparefunctionは、比較関数を定義する comparefunction(a,b)が返す値が負の時は a→bの順に、正の時は b→a の順に並べる。0なら等しいとする。 Array.sort - Javascript | MDN ページの遷移 / リダイレクト 任意のページに移動 location.href = (URL) 履歴の前後に移動 戻る history.back(); 進む history.forward(); Dateオブジェクトの計算 Date.setMonth(Date.getMonth - 1) のようにすれば計算できる。マイナスの値も(上記のように「月」の場合は「年」が一年遡る) でも、setMinutes(...)とか、戻り値がDateオブジェクトのms変換値が入る。なんでだよ。 Date(ms)で再作成。 その他 日付と時刻の計算 (JavaScript) - MSDN Date 即時関数 (function(){... )()} 即時関数というらしい。即、実行される。 即時関数のポイント 関数が、グローバルに設定されない。 → リソースの節約 関数内で設定された変数は、当然ローカル 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て JSPの変数をJavascriptに渡す。 getAttributeで素直に渡せるみたい。 Servlet/JSPのデータをJavaScriptに渡す方法 Javascriptの変数をJavaに渡す 確認中 https //dev.mozilla.jp/localmdc/localmdc_8833.html コメント 1行コメント // コメント 複数行コメント /* コメント */ タッチデバイスへの対応 いろいろあるが jQuery Finger JSONデータの読み込み obj = JSON.parse(data) で読み込める。連想配列の状態で格納されている。 JSON.parse() - MDN JSON - MDN ウィンドウサイズの取得 window.parent.screen.width; // 高さ window.parent.screen.height; // 幅 window.onresize = getScreenSize(); // ウィンドウのリサイズ時に発火 //画面サイズを取得する function getScreenSize() { var s = "横幅 = " + window.parent.screen.width + " / 高さ = " + window.parent.screen.height; document.getElementById("ScrSize").innerHTML = s; }
https://w.atwiki.jp/potappo/pages/19.html
JavaScript の話題。 JSON Firefox 5 の JSON.parse の改善点高速化 仕様により厳密に パースエラー時にわかりやすいエラーメッセージを出力するように Javascript PC Emulator BusyBox が使えたりする Linux が動く。Javascript PC Emulator - Technical Notes WebGL 由来の Typed Array を使っている。Typed Array の 仕様は WebGL と同じ Khronos Group にある。 MDC の JavaScript Typed Arrays ページ /dev/clipboard が追加されている。といっても、クリップボードを直接読み書きするわけではなく、Emulator 外にあるテキストエリアで入出力を行う。テキストエリアに直接入力はできないが、貼り付け、コピーが可能。
https://w.atwiki.jp/k4241271wiki/pages/14.html
基本 まず、Javaとjavascriptは別物。 ページを表示する script 要素は基本的に /body の直前。 body 配下で直接呼び出すための関数を定義する場合は head 要素の配下に記述 jacascriptでは大文字小文字が厳密に区別される 配列の添字はrubyと同じく0から始まる。 rubyと同じオブジェクト指向 用語 オブジェクト データを保持するもの インスタンス インスタンス化によってできあがったオブジェクトの複製 init UNIXの起動時に/etc/inittabファイル(設定ファイル)を読み込み、そこに記述されているコマンドやデーモンを実行するプロセスのこと。 構文 コメントアウト / /コメント script 要素 script type="text/javascript" javascriptのコード /script アンカータグ(href属性)に埋め込む(p39) a href="Javascript スクリプトコード" リンクテキスト /a 変数 変数の宣言(varとletjujn) var 変数名 [= 初期値] let 変数名 [= 初期値] varとletの違い letは同盟の変数を許可しない。 ブロックスコープを認識する →letは最近導入された変数名。letの方が細かく指定でき良さげだけど互換性に不安が残る。 定数 const 定数名 = 値 制御構文(ifとswitch) 2つから片方を選択する→if 複数から1つを選択するswitch (caseとか使うやつ) オブジェクトやインスタンス インスタンス化(new 演算子) var 変数名 = new オブジェクト名([引数,...]) プロパティ/メソッド呼び出し 変数名.プロパティ名[= 設定値]; 変数名.メソッド名([引数[,...]]);3 記述 EventTarget.addEventListener https //developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener
https://w.atwiki.jp/wiki6_naoya/pages/9.html
リンク window.open について ime-mode-スタイルシートリファレンス みんなのタグ辞書-HTMLタグ辞書 JavaScript小技集 イヌでもわかるJavaScript講座 うさのJavaScript講座 Dynamic HTML
https://w.atwiki.jp/chapati4it/pages/514.html
JavsScript JavaScriptサンプル JavaScriptメモ