JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptで履歴リストの前のURLを読み込む方法

    JavaScriptでブラウザの履歴リストにある前のURL（ひとつ前のページ）を読み込むには、history.back()メソッドを使用します。このメソッドは、ブラウザの「戻る」ボタンをクリックしたときと同じ動作を実現します。history.back()メソッドとはhistory.back()は、Windowオブジェクトが持つhistoryオブジェクトのメソッドの一つで、セッション履歴をひとつ前に戻します。履歴に前のページが存在しない場合は、何も行われません。なお、逆に次のページへ進みたい場合はhistory.forward()を、指定した数だけ移動したい場合はhistory.go(-1)やh

  2. JavaScriptのsetUTCMinutes()メソッドでUTCに基づいて指定日時の「分」を設定する方法

    JavaScriptのDateオブジェクトが持つsetUTCMinutes()メソッドは、協定世界時(UTC)に基づいて、指定した日付の「分」を設定するためのメソッドです。 setUTCMinutes()メソッドのパラメータ setUTCMinutes(minutesValue[, secondsValue[, msValue]])メソッドで使用できるパラメータは以下の通りです。 minutesValue − 分を表す0から59までの整数を指定します。 secondsValue − 秒を表す0から59までの整数を指定します。secondsValueを指定する場合は、minutesValue

  3. JavaScriptのsetUTCMonth()メソッドとは？UTC（協定世界時）で月を設定する方法

    JavaScriptのsetUTCMonth()メソッドは、協定世界時（UTC：Universal Time）に基づいて、Dateオブジェクトが持つ指定日付の「月」を設定するためのメソッドです。 ローカルタイムではなくUTCを基準として動作するため、タイムゾーンの影響を受けずに一貫した結果を得たい場合に便利です。 構文とパラメータ setUTCMonth()メソッドの基本的な構文は以下のとおりです。 dateObj.setUTCMonth(monthValue) このメソッドが受け取るパラメータは次の1つです。 monthValue − 設定する月を表す整数。0〜11の範囲で指定します（0が

  4. JavaScriptの正規表現（RegExp）でタブ文字を検索する方法

    JavaScriptの正規表現（RegExp）を使ってタブ文字を検索するには、特殊文字 \t を使用します。このメタ文字は、文字列内のタブ（水平タブ）に一致します。タブ文字に一致させる正規表現正規表現パターンとして以下のように記述します。\tサンプルコード次のコードでは、search() メソッドと正規表現 /\t/ を組み合わせて、文字列内に含まれるタブ文字（\t）を検索しています。マッチが見つかった場合、その位置（インデックス番号）が返されます。<html>    <head>      

  5. JavaScriptで現在のページのポート番号を取得する方法

    JavaScriptで現在のページのインターネットホストのポート番号を取得したい場合は、window.location.portプロパティを使用します。このプロパティは、現在読み込まれているページのURLに含まれるポート番号を文字列として返します。基本構文window.location.port使用例以下のコードを実行すると、現在のページのポート番号を取得して表示できます。<!DOCTYPE html> <html> <body> <script> document.write(Port: + w

  6. JavaScriptのRegExp globalプロパティとは？役割と使い方をサンプルコードで解説

    globalプロパティは、RegExpオブジェクトが持つ読み取り専用の真偽値（boolean）プロパティです。このプロパティは、その正規表現がグローバルマッチング（文字列全体にわたる繰り返し検索）を行うかどうか、すなわち正規表現が g フラグ付きで作成されているかどうかを示します。 globalプロパティの基本的な挙動 true：正規表現が g フラグ付きで作成されている場合 false：g フラグなしで作成されている場合 グローバルマッチングが有効になっている場合、match() や replace() などのメソッドは、最初に見つかった一箇所だけでなく、文字列内のすべての該当箇所を処理

  7. pageYOffsetプロパティとは？役割と使い方を解説

    JavaScriptでウィンドウの左上隅からドキュメントがスクロールしたピクセル数を取得したい場合、pageXOffsetプロパティとpageYOffsetプロパティを使用します。このうち、pageYOffsetは垂直方向（縦）のスクロール量をピクセル単位で取得するためのプロパティです。 pageYOffsetプロパティの基本 pageYOffsetはwindow.pageYOffsetの形式で参照し、ページが上端からどれだけ下にスクロールされているかを数値（ピクセル）として返します。読み取り専用のプロパティのため、値を直接変更することはできません。 なお、pageYOffsetはwindow

  8. JavaScriptのscreen.availHeightプロパティとは？使い方とサンプルコードを解説

    JavaScriptのscreen.availHeightプロパティは、ユーザーの画面（スクリーン）で実際に利用可能な高さを取得するためのプロパティです。戻り値はピクセル単位の整数で、WindowsのタスクバーやmacOSのDockなど、OSが常時表示しているUI領域は含まれません。availHeightプロパティの特徴画面全体の高さではなく、ブラウザやアプリが使用できる「利用可能な高さ」を返します。タスクバーなどのOS標準のインターフェース部分は除外されます。戻り値はピクセル単位の数値です。サンプルコード以下のコードを実行すると、JavaScriptでscreen.availHeightプロ

  9. JavaScriptのRegExp sourceプロパティとは？役割と使い方をわかりやすく解説

    JavaScriptにおける source プロパティは、RegExp（正規表現）オブジェクトが持つ読み取り専用の文字列プロパティです。このプロパティには、正規表現オブジェクトに設定されたパターンのテキストそのものが格納されています。 sourceプロパティの特徴 source プロパティの返す文字列には、以下の要素は含まれない点に注意が必要です。 正規表現リテラルを囲むスラッシュ（/）などの区切り文字 g（グローバル検索）、i（大文字・小文字を無視）、m（複数行モード）といったフラグ（属性） つまり、パターン本体だけが純粋な文字列として取得できるため、デバッグ時のパターン確認や、動的に新

  10. JavaScriptのRegExp ignoreCaseプロパティとは？役割と使い方を解説

    ignoreCaseプロパティとはignoreCaseは、RegExp（正規表現）オブジェクトが持つ読み取り専用の真偽値（boolean）プロパティです。このプロパティは、その正規表現が大文字と小文字を区別せずにマッチングを行うかどうか、つまり正規表現が「i」フラグ付きで作成されているかどうかを示します。「i」フラグを指定して正規表現を作成した場合、ignoreCaseは true を返し、フラグを指定しなかった場合は false を返します。読み取り専用のため、コードから直接値を変更することはできません。主なポイントtrue の場合：大文字・小文字を区別せずにマッチングを行うfalse の場

  11. JavaScriptのlastIndexプロパティとは？RegExpでの役割と使い方を解説

    lastIndexプロパティとはJavaScriptのlastIndexは、RegExp（正規表現）オブジェクトが持つ特別なプロパティです。exec()やtest()といったメソッドを繰り返し呼び出すことで、文字列内のすべてのマッチ箇所を順番に走査できるようにするための仕組みです。重要なポイントとして、このプロパティが機能するのは「g」（グローバル）フラグが設定されている場合のみです。gフラグがない正規表現では、毎回文字列の先頭から検索が行われるため、lastIndexは意味を持ちません。主な特徴読み書き可能： 任意のタイミングで値を設定でき、次の検索を開始する文字列内の位置を明示的に指定でき

  12. JavaScriptで履歴リストの次のURLを読み込む方法

    JavaScriptでブラウザの履歴リスト内の次のURLに移動するには、historyオブジェクトのメソッドを利用します。ここでは、ボタンをクリックして次のページへ進むサンプルコードを紹介します。実装例以下のコードでは、「Next URL」ボタンをクリックするとnextPage()関数が呼び出され、履歴リストの次のURLへの移動を試みます。<!DOCTYPE html> <html>    <body>       <script>         &nbs

  13. JavaScriptのwindow.historyオブジェクトとは？役割と使い方を解説

    window.historyオブジェクトとは JavaScriptのwindow.historyオブジェクトは、ブラウザのセッション履歴（閲覧履歴）にアクセスし、前のページや次のページへ移動するために使用されます。このオブジェクトには、ユーザーが現在のセッションで訪れたURLの履歴が保存されており、履歴を操作するための便利なメソッドが用意されています。 主なメソッド history.back() － 履歴上の1つ前のURLへ戻ります。ブラウザの「戻る」ボタンと同じ動作です。 history.forward() － 履歴上の1つ先のURLへ進みます。ブラウザの「進む」ボタンと同じ動作です。

  14. JavaScriptのtoTimeString()メソッドでDateオブジェクトの時刻部分を読みやすい文字列として取得する方法

    JavaScriptで日付（Date）の「時刻」部分を人間が読みやすい文字列として取得したい場合は、toTimeString()メソッドを使用します。このメソッドは、Dateオブジェクトが持つ時刻部分を「HH:MM:SS タイムゾーン」のような読みやすい形式の文字列で返します。toTimeString()メソッドとはtoTimeString()は、Dateオブジェクトの日付情報（年・月・日）を除外し、時・分・秒およびタイムゾーン情報のみを文字列として返すメソッドです。ログ出力や画面表示など、時刻だけを扱いたい場面で便利です。サンプルコード以下のコードを実行すると、Dateオブジェクトから時刻部

  15. JavaScriptでドラッグした要素がドロップされたときに発生するイベントは？ondropイベントの使い方を解説

    JavaScriptでドラッグ＆ドロップを実装する際、ドラッグされた要素がドロップ先に置かれた瞬間に発生するのは「ondrop」イベントです。 ondropイベントは単体では機能せず、通常は以下のドラッグ関連イベントと組み合わせて使います。 dragstart … 要素のドラッグが開始されたときに発生 dragover … 要素がドロップ先の上にある間に継続的に発生（preventDefault() を呼ばないとドロップできない） drop … 要素がドロップ先に置かれたときに発生 dragend … ドラッグ操作が終了したときに発生 ondropイベントの実装例 次のコードは、2つのボッ

  16. 【JavaScript】toLocaleLowerCase()メソッドを使ってロケールに対応した小文字変換を行う方法

    JavaScriptで文字列を小文字に変換するには、toLocaleLowerCase()メソッドを使用します。このメソッドは、実行環境のホストの現在のロケール（言語・地域設定）に従って、文字列を小文字へと変換するのが特徴です。基本的な使い方toLocaleLowerCase()は、通常のtoLowerCase()メソッドと同様に動作しますが、トルコ語などの特定の言語特有の文字マッピング規則を考慮した変換が可能な点が異なります。引数にロケール（例：trやja-JP）を指定することもできます。コード例以下のコードを実行すると、toLocaleLowerCase()メソッドの動作を確認できます。&

  17. JavaScript正規表現（RegExp）でフォームフィード文字を検索する方法

    フォームフィード文字とはフォームフィード（Form Feed）は、ASCII制御文字の一つで、文字コードは「12」（0x0C）です。かつてはプリンターに対して用紙送りを指示するために使われていましたが、現在ではテキスト処理の場面でごく稀に登場する特殊文字です。JavaScriptの正規表現でフォームフィード文字を検索するには、次のメタ文字を使用します。\fサンプルコード以下のコードを実行すると、文字列の中からフォームフィード文字を検索できます。search()メソッドは、フォームフィード文字（\f）が見つかった位置（インデックス）を返します。<html>   &

  18. JavaScriptで文字列を大文字に変換する方法（ロケール対応）

    JavaScriptで文字列を大文字に変換するには、toLocaleUpperCase()メソッドを使用します。このメソッドは、ホスト環境の現在のロケール（または引数で指定したロケール）に従って、文字列を大文字に変換します。 toLocaleUpperCase()メソッドとは toLocaleUpperCase()は、元の文字列を変更せずに、大文字へ変換した新しい文字列を返します。引数にロケール（言語コードなど）を指定できるため、トルコ語のようにロケールごとに大文字・小文字の変換規則が異なる言語にも正しく対応できます。ロケールを省略した場合は、ホスト環境の現在のロケールが適用されます。 基本構

  19. JavaScriptのpageXOffsetプロパティとは？役割と使い方を実例付きで解説

    ウィンドウの左上隅を基準として、ドキュメントがどれだけスクロールされたかをピクセル単位で取得したい場合は、pageXOffsetプロパティとpageYOffsetプロパティを使用します。水平方向のスクロール量（ピクセル数）を取得するにはpageXOffsetを、垂直方向にはpageYOffsetを使います。 pageXOffsetプロパティの基本 pageXOffsetはwindowオブジェクトの読み取り専用プロパティで、ドキュメントが左端から水平方向に何ピクセルスクロールされているかを返します。値を直接設定することはできません。なお、近年のブラウザでは同等の機能を持つscrollXプロパティ

  20. JavaScriptの正規表現（RegExp）で8進数の文字を検索する方法

    JavaScriptの正規表現（RegExp）を使って8進数の文字を検索するには、パターン内に以下の形式で8進数を指定します。 \xxx 「\」に続けて3桁の8進数を記述することで、その8進数に対応する文字をマッチさせることができます。8進数は0〜7の数字のみで構成される点に注意してください。 サンプルコード 以下のコードでは、8進数「123」（ASCIIコードでは文字「S」に相当）を正規表現で検索しています。対象の文字列は「Secure and Responsive!」です。 <html> <head> <title>JavaScript

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:242/297  20-コンピューター/Page Goto:1 236 237 238 239 240 241 242 243 244 245 246 247 248