JavaScriptを使用してタイトルをURLスラッグに変換するにはどうすればよいですか?

＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃概要＃＃＃

ヘッダーを URL スラグに変換します。 「Slugify」

ヘッダーとも呼ばれます。 URL スラッグは、説明的で読みやすいタイトルです。スラッグは自己記述的であるため、これはページの URL に追加され、現在のページのストーリーを伝えます。したがって、JavaScript を使用してヘッダーをスラッグに変換するには、toLowerCase()、replace()、trim() などの特定の JavaScript 関数を使用します。

＃＃＃アルゴリズム＃＃＃

ステップ 1 - 2 つの入力タグを含む HTML ページを作成し、id 属性をそれぞれ「title」と「urlSlug」として追加します。最初の入力要素はタイトルとして入力ユーザーを受け取り、別のラベルには URL スラッグが表示されます。また、関数「convert()」を含む onclick() イベントを使用して HTML ボタン「」を作成します。

• ステップ 2

  - 次に、HTML ページの内部 JavaScript として「convert()」矢印関数を作成します。

  リーリー

• ステップ 3 - ID "document.getElementById("title")".value を持つ最初の入力タグの値にアクセスし、その値を変数に保存します。

リーリー

• ステップ 4 - 文字列の「toLowerCase()」関数を使用して、タイトルから受け取った値を小文字に変換します。 「t」はタイトルを受け取る変数です。

リーリー

• ステップ 5 - 次に、「trim()」関数を使用して、タイトルから先頭と末尾のスペースを削除します。

リーリー

• ステップ 6 - 「replace()」関数をパターンで使用して、タイトル内のすべてのスペースを「-」ダッシュに置き換えます

リーリー

• ステップ 7 - URL スラグが準備され、ブラウザ画面に表示されます。

リーリー ＃＃＃例＃＃＃

この例では、ユーザーから入力としてタイトルを取得します。ユーザーがタイトルを入力してボタンをクリックすると、Convert() 関数がトリガーされ、タイトルの値が小文字に変更され、タイトルの先頭と末尾のスペースがすべて小文字に変更されます。次に、指定されたタイトルのスペースがダッシュ (-) に置き換えられ、URL スラグがブラウザーの読み取り専用入力タグに表示されます。
• リーリー

  上記の例の出力では、ユーザーが入力したタイトルは「チュートリアル ポイントの記事」です。 「今すぐ変換」をクリックすると、タイトルが URL スラッグ、つまり「チュートリアル ポイント記事」に変換されます。これは、trim() 関数を使用して末尾のスペースを削除し、ハイフンに置き換えます。 ＃＃＃結論は＃＃＃ Uniform Resource Locator (URL) スラグは、ページの検索ランキングの向上に役立ちます。したがって、URL スラッグは URL 内に存在する必要があり、URL 内のすべての単語は小文字であるため、タイトルも最初に小文字に変換されます。 URL 内のスラッグに注意するには、Web サイトの記事、ブログ、またはその他のコンテンツを取り出して、URL のエンドポイントを観察します。それが文中に出現すると、上記の例と同じ結果になります。

以上がJavaScriptを使用してタイトルをURLスラッグに変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。