JavaScript

JavaScript 覚え書き

JavaScript:正規表現の使用方法

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

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

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

JavaScript:基本的な記法

JavaScriptの基本構文 <script type="text/javascript"> <!-- JavaScriptのコード //--> </script> type属性:ス … 続きを読む JavaScript:基本的な記法

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

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

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

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

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

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

JavaScript:処理時間計測方法

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

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

tableでデータを一覧形式に表示後、サーバー送信時などでtableデータを全件取得したい場合の実装例をご紹介します。 サンプルテーブル 列A 列B 列C A1 B1 C1 A2 B2 C2 A3 B3 C3 サンプルテ … 続きを読む JavaScript:tableの要素を順に取得する方法

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

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

JavaScript:日付の加算方法

日付の加算(例:開始日「2014/04/01」、加算日数「5」なら加算後日付「2014/04/06」)を求めるJavaScriptのサンプルです。 HTMLサンプル 日付:<input id="txt1DateAd … 続きを読む JavaScript:日付の加算方法

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

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

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

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

JavaScript:ダイアログの種類

JavaScriptで表示出来るダイアログは以下の種類があります。 アラートダイアログ 確認ダイアログ 文字入力ダイアログ 以下はそれぞれの表示方法のサンプルです。 JavaScriptサンプル アラートダイアログ al … 続きを読む JavaScript:ダイアログの種類

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

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

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

JavaScriptでInput「type=”file”」形式から値を取得する場合、ブラウザによって挙動が異なるので整理しておきます。 通常、type=”file”形式から … 続きを読む JavaScript:Input「type=”file”」形式からの値取得についてのブラウザ別挙動

JavaScript:連想配列の使用方法

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

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

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

JavaScript:ワンポイントメモ

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

コメントを残す

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

email confirm*

post date*

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

モバイルバージョンを終了