「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

JavaScript 覚え書き

JavaScript:正規表現の使用方法

JavaScriptで正規表現の使用方法についてご紹介します。 RegExpオブジェクトの生成方法 JavaScriptで正規表現用のRegExpオブジェクト(JavaScriptで正規表現を解析して文字列検索する機能)を生成する方法として ...

JavaScript:テキストファイルを読み込む方法

JavaScriptでテキストファイルを読み込み、HTMLへ表示する方法です。 以下の例では「ファイルを選択」ボタンで選択したファイルの内容をテキストエリアへ表示するサンプルソースとなります。 HTMLサンプル <form> & ...

JavaScript:基本的な記法

JavaScriptの基本構文 <script type="text/javascript"> <!-- JavaScriptのコード //--> </script> type属性:スクリプトの種類を指定 ...

JavaScript:前方一致・後方一致・完全一致の方法

JavaScriptで文字列の前方一致、後方一致、完全一致検索を行うJavaScriptのサンプルです。indexOfは文字列の出現indexを取得しますが、文字列が見つからない場合は「-1」を返します。これを利用して判定を行うようにしてい ...

JavaScript:ランダム文字列の生成方法

JavaScriptでランダム文字列を生成するサンプルプログラムをご紹介します。 サンプルコードでは数字、英小文字、英大文字のいずれかから指定した桁数分のランダム文字列を生成して表示します。 ちなみにイベントのハンドリングについてはjQue ...

JavaScript:setTimeout関数の第2引数に0を指定する意味

クライアントサイドのJavaScriptではsetTimeout関数を使用する場面が度々あります。その中でsetTimeout関数の第2引数へ0が指定されている事があります。この「0」(0ms)がどういう意図で使用されているのかメモしておき ...

JavaScript:処理時間計測方法

JavaScriptでの処理時間計測方法をご紹介します。 JavaScriptで処理時間を計測する方法としては主に「console.time()を使用する方法」と「Dateオブジェクトを使用する方法」があります。 console.time( ...

JavaScript:tableの要素を順に取得する方法

tableでデータを一覧形式に表示後、サーバー送信時などでtableデータを全件取得したい場合の実装例をご紹介します。 サンプルテーブル 列A 列B 列C A1 B1 C1 A2 B2 C2 A3 B3 C3 サンプルテーブルのHTML & ...

JavaScript:日付の差分日数を求める

日付の差分日数(例:開始日「2014/04/01」、終了日「2014/04/30」なら所有日数「30」)を求めるJavaScriptのサンプルです。 HTMLサンプル 開始日付:<input id="txt1DateDifferenc ...

JavaScript:日付の加算方法

日付の加算(例:開始日「2014/04/01」、加算日数「5」なら加算後日付「2014/04/06」)を求めるJavaScriptのサンプルです。 HTMLサンプル 日付:<input id="txt1DateAddSample" t ...

JavaScript:数値の四捨五入、切り上げ、切り捨て方法

JavaScriptで数値の近似値、四捨五入、切り上げ、切り捨てをするには「toFixed」、「Mathオブジェクト」、「BigDecimal.js」を使用する複数の方法があります。ここでは1つずつ使用例をご紹介します。 「toFixed」 ...

JavaScript:使用しているブラウザとOSを判定する方法

JavaScriptでユーザが利用しているブラウザとOSの種類を判定するサンプルプログラムです。 ブラウザ種類を判定する場合にはUserAgent文字列を判定する方法が一番手っ取り早いです。 HTMLサンプル jQuery(function ...

JavaScript:ダイアログの種類

JavaScriptで表示出来るダイアログは以下の種類があります。 アラートダイアログ 確認ダイアログ 文字入力ダイアログ 以下はそれぞれの表示方法のサンプルです。 JavaScriptサンプル アラートダイアログ alert("アラートダ ...

JavaScript:URL(URI)エンコード方法

JavaScriptでURL(URI)エンコードする方法をご紹介します。 JavaScriptでURl(URI)をエンコードするには以下の関数が用意されていますが、今回はこれらは使用せず、HTMLのa要素(href属性)へ指定する場合、HT ...

JavaScript:Input「type="file"」形式からの値取得についてのブラウザ別挙動

JavaScriptでInput「type=”file”」形式から値を取得する場合、ブラウザによって挙動が異なるので整理しておきます。 通常、type=”file”形式から値を取得した場合はセ ...

JavaScript:連想配列の使用方法

JavaScriptでの連想配列の使用方法をメモしておきます。 「連想配列」とはJavaでいうHashMapと同様にキー指定で値を取り出せる配列の事を指しています。 連想配列への設定方法 // 連想配列への設定1 var associati ...

JavaScript: 「JSColor」でカラーピッカー表示

カラーピッカーを表示するJavaScriptライブラリはjQueryでもいくつかありますが、今回紹介する「JSColor」は軽量で簡単に実装可能です。 ダウンロード先 下記サイトへアクセスし、「jscolor-1.4.2.zip」リンクをク ...

JavaScript:ワンポイントメモ

JavaScript関連で生じた疑問などのメモです。

Ads by Google

コメントを残す

メールアドレスが公開されることはありません。