JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptでドキュメントの完全なURLを取得・表示する方法

    Webページ開発において、現在表示しているドキュメントのURLを取得したい場面はよくあります。JavaScriptでは、document.URL プロパティを使用することで、ドキュメントの完全なURLを簡単に取得できます。document.URL プロパティとはdocument.URL プロパティは、現在読み込まれているHTMLドキュメントの完全なURL（ページの場所）を文字列として返します。このプロパティは読み取り専用であり、URLの変更には使用できません。実装例：ドキュメントのURLを表示する以下のコードを実行すると、JavaScriptを使ってドキュメントの完全なURLを画面に表示できま

  2. 【JavaScript】正規表現で指定した文字セット以外の任意の1文字にマッチさせる方法

    JavaScriptの正規表現（RegExp）で、指定した文字セットに含まれない任意の1文字にマッチさせたい場合は、否定文字クラス「[^...]」を使用します。たとえば [^aeiou] と書くと、「a・e・i・o・u 以外の任意の1文字」に一致します。 サンプルコード <html>    <head>       <title>JavaScript Regular Expression</title>    </head>    <bo

  3. JavaScriptでドキュメントのタイトルを取得・表示する方法

    JavaScriptでドキュメント（HTMLページ）のタイトルを取得するには、document.titleプロパティを使用します。このプロパティは、HTML内の<title>タグで設定されたページタイトルの文字列を返します。サンプルコード以下のコードは、document.titleプロパティでドキュメントのタイトルを取得し、画面に表示する例です。<!DOCTYPE html> <html>    <head>       <title>JavaS

  4. JavaScript正規表現で指定した文字セット内の任意の1文字に一致させる方法

    文字セットを使った任意の1文字との一致JavaScriptの正規表現（RegExp）では、[ ]（角括弧）で囲んだ文字セットを指定することで、その中の任意の1文字と一致させることができます。例えば、[aeiou]は「a、e、i、o、u」のいずれか1文字にマッチするメタキャラクタです。このパターンは、文字列の中から特定の文字だけを抜き出したり、母音や特定の記号が含まれているかを判定したりする際に非常に便利です。使用例以下のサンプルコードでは、文字列 "Welcome to our website!" の中から「w」「e」のいずれかに該当する文字をすべて抽出しています。フラグ

  5. JavaScriptで数値を文字列に変換する方法をわかりやすく解説

    JavaScriptで数値（Number）を文字列（String）に変換したい場合、最もシンプルなのがグローバル関数の String() を使う方法です。引数に数値を渡すだけで、その数値を表す文字列が返されます。 サンプルコード 以下のHTMLを保存してブラウザで開くと、数値から文字列への変換結果を実際に確認できます。 <!DOCTYPE html> <html>    <body>       <p>数値を文字列に変換する</p>       <s

  6. 【JavaScript正規表現】特定の文字を0回または1回含む文字列にマッチさせる方法（?量指定子の使い方）

    JavaScriptの正規表現（RegExp）で、ある文字を0回または1回だけ含む任意の文字列にマッチさせたい場合は、量指定子「?」を使用します。たとえば「p?」と記述すると、「p」があってもなくてもマッチするパターンになります。サンプルコード以下のコードでは、正規表現「/10?/g」を使って、文字列中の「1」および「10」（「0」が0回または1回続く部分）にマッチさせています。「?」は直前の文字が0回または1回出現することを意味します。<html> <head> <title>JavaScript 正規表現</title>

  7. JavaScriptでドキュメント内のリンク数を取得・表示する方法

    JavaScriptでドキュメント内に含まれるリンクの数を取得するには、document.linksプロパティとlengthプロパティを組み合わせて使用します。document.linksは、ページ内のすべての<a>タグ（href属性を持つアンカー要素）や<area>要素のコレクションを返します。このコレクションに対してlengthプロパティを参照するだけで、リンクの総数を簡単に取得できます。実装例以下のコードを実行すると、ドキュメント内のリンクの数が表示されます。<!DOCTYPE html> <html>    

  8. JavaScriptでドキュメント内のアンカーの数を取得する方法

    Webページ内に含まれるアンカー（リンク）の数を取得したい場合は、JavaScriptのanchorsプロパティを使用します。このプロパティは、ドキュメント内のname属性を持つすべての<a>要素のコレクションを返すため、lengthと組み合わせるだけで簡単に総数を求めることができます。 anchorsプロパティの基本 document.anchorsは、HTML文書内に存在するname属性付きの<a>要素をまとめて管理するコレクションです。以下のように記述することで、アンカーの総数を取得できます。 var val = document.anchors.length;

  9. JavaScript正規表現で0個以上のpを含む文字列に一致させる方法

    JavaScriptの正規表現（RegExp）で、0個以上の「p」を含む任意の文字列に一致させるには、量指定子「p*」を使用します。「*」は直前の文字が0回以上繰り返されることを意味するため、対象の文字が1回も出現しない場合でも一致させることができます。サンプルコード以下のコードでは、正規表現「el*」を使って、「e」の後に0個以上の「l」が続くパターンに一致させています。ここで「*」は、直前の文字（この場合は「l」）の繰り返し回数を表しています。<html>    <head>       <title>J

  10. 【JavaScript】正規表現でN個の連続した文字に一致させる方法（{N}数量詞の使い方）

    JavaScript RegExpでN個の連続文字に一致させるにはJavaScriptの正規表現（RegExp）で、ある文字がN個連続して並ぶ文字列に一致させたい場合は、数量詞 {N} を使用します。たとえば「p」が3個続くパターンなら p{3}、3桁の数字なら \d{3} のように記述します。{N} 数量詞の基本{N} は、直前の要素をちょうどN回繰り返すパターンに一致させる数量詞です。以下のような使い方ができます。p{3} … 「p」が3個連続する部分に一致\d{3} … 3桁の連続する数字に一致a{5} … 「a」が5個連続する部分に一致サンプルコード次のコードは、文字列の中から3桁の数

  11. JavaScriptでドキュメントを読み込んだサーバーのドメイン名を取得・表示する方法

    JavaScriptでドキュメントを読み込んだサーバー（現在のページが属するオリジン）のドメイン名を表示したい場合は、document オブジェクトの domain プロパティを使用します。document.domain プロパティとはdocument.domain は、現在読み込まれているドキュメントのオリジン（スキーム、ホスト名、ポート番号）からドメイン部分を文字列として返すプロパティです。例えば、https://www.example.com/page.html というページで実行した場合、「www.example.com」が返されます。サンプルコード以下のコードを実行すると、ドキュメン

  12. JavaScriptでオブジェクトにプロパティとメソッドを追加する方法【prototypeの使い方】

    JavaScriptでオブジェクトに新しいプロパティやメソッドを追加するには、prototype（プロトタイプ）プロパティを使用します。prototypeを活用すると、コンストラクタ関数から生成されたすべてのインスタンスに対して共通の機能を後から定義でき、コードの再利用性やメモリ効率の向上にもつながります。 prototypeプロパティの基本的な使い方 次のサンプルコードでは、bookというコンストラクタ関数を定義し、その後book.prototype.priceによってpriceプロパティを追加しています。さらに、個別のオブジェクト（ここではmyBook）に対して値を代入することで、動的にプ

  13. 【JavaScript入門】正規表現で2〜3個の連続する「p」を含む文字列にマッチさせる方法

    JavaScriptの正規表現（RegExp）で、2個〜3個の連続する「p」を含む任意の文字列にマッチさせたい場合は、量指定子（Quantifier）の p{2,3} を使用します。量指定子 {2,3} の基本{2,3} は「直前の文字またはパターンが、最低2回、最大3回繰り返される」ことを意味します。つまり p{2,3} と書けば、「pp」や「ppp」のような並びにマッチし、4個以上並んでいる場合は先頭から3個分だけがマッチ対象になります。サンプルコード：2〜3個の「p」にマッチさせる<html>  <head>   

  14. JavaScriptでドキュメント内のCookieの名前と値のペアを表示する方法

    ドキュメント内に保存されているCookieの名前と値のペアを確認するには、document.cookieプロパティを使用します。このプロパティは、現在のドキュメントに関連付けられたすべてのCookieを「名前=値」の形式の文字列として返します。 Cookieの名前と値のペアを表示する基本的なコード 以下のコードを実行すると、JavaScriptでドキュメント内のCookieの名前と値のペアを表示できます。 <!DOCTYPE html> <html> <body> <script> var val = document.cookie;

  15. JavaScriptでブール値（Boolean）を数値に変換する方法

    JavaScriptでブール値（Boolean）を数値（Number）に変換するには、Number()メソッドを使用します。trueは1に、falseは0に変換されます。以下のサンプルコードを実行して、実際の動作を確認してみましょう。 Number()メソッドを使った変換例 <!DOCTYPE html> <html>    <body>       <p>ブール値を数値に変換する</p>       <script>   &nb

  16. JavaScriptでドキュメント内の最初の画像のIDを取得する方法

    JavaScriptでドキュメント内の最初の画像のIDを取得するには、document.images プロパティを使用します。このプロパティは、ドキュメント内に存在するすべての画像をコレクション（HTMLCollection）として返し、インデックス番号を指定することで個々の画像要素にアクセスできます。 document.images プロパティとは document.images は読み取り専用のコレクションで、HTMLドキュメント内の <img> 要素が文書の出現順に格納されます。配列と同様に [0] のようにインデックスを指定してアクセスできるため、document.imag

  17. JavaScriptのreduce()メソッドで配列の値を左から右へ処理し、1つの値にまとめる方法

    JavaScriptでは、reduce()メソッドを使用することで、配列の2つの値に対して左から右へ順番に関数を適用し、最終的に結果を1つの値にまとめる（畳み込む）ことができます。配列の合計値の計算など、複数の要素を集約したい場面で非常に便利なメソッドです。 reduce()メソッドの主な引数 callback − 配列内の各値に対して実行される関数です。 initialValue − callbackの最初の呼び出し時に第1引数として渡される初期値（オブジェクト）です。省略した場合は、配列の最初の要素が初期値として使用されます。 サンプルコード 以下のコードを実行すると、JavaScri

  18. JavaScriptでドキュメント内のフォームの数を取得する方法

    HTMLドキュメント内に含まれるフォームの数を取得したい場合は、JavaScriptの document.forms プロパティと length プロパティを組み合わせて使用します。document.forms.length の基本document.forms は、ページ内に存在するすべての <form> 要素のコレクション（HTMLCollection）を返します。このコレクションに対して length プロパティを参照することで、ドキュメント内のフォームの総数を簡単に取得できます。サンプルコード以下のコードを実行すると、ドキュメント内のフォームの数を画面に表示できます。<

  19. JavaScriptの配列でオブジェクトのソースコードを表現する方法【toSource()メソッド】

    JavaScriptのtoSource()メソッドは、配列のソースコードを表す文字列を返します。このメソッドはMozilla（Firefox）によってサポートされており、配列の内容をソースコード形式で確認したい場合に利用できます。 toSource()メソッドの基本 toSource()メソッドを配列に対して呼び出すと、その配列を生成するソースコードに相当する文字列が返されます。ただし、このメソッドはECMAScriptの標準仕様には含まれていない非標準のメソッドであるため、FirefoxなどのMozilla系ブラウザ以外では動作しない点に注意が必要です。実際の開発では、JSON.string

  20. JavaScriptでドキュメント内の最初のフォームの名前を取得する方法

    ドキュメント内の最初のフォームの名前を取得するには、JavaScriptの forms プロパティ（document.forms）を使用します。このプロパティは、ページ内のすべてのフォームをコレクションとして返すため、インデックス番号（0から始まる）を指定することで、任意のフォームへ簡単にアクセスできます。 サンプルコード 以下のコードを実行すると、ドキュメント内のフォームの総数と、最初のフォームの名前が画面に表示されます。 <!DOCTYPE html> <html>    <body>       <

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