この記事では、JavaScript を使用して URL を解析する方法 (コード例) を紹介します。必要な方は参考にしていただければ幸いです。
Web 開発では、URL を解析する必要がある状況が数多くあります。この記事では主に、これを実現するために URL オブジェクトを使用する方法を学習します。
開始
次の内容を含む HTML ファイルを作成し、ブラウザで開きます。
<title>JavaScript URL parsing</title>
<script>
// 激动人心的代码即将写在这里
</script>
この記事の内容を試してみたい場合は、<script> タグに入れて保存し、ページをリロードして、何が起こるかを確認してください。このチュートリアルでは、console.log を使用して必要なコンテンツを出力します。開発ツールを開いてコンテンツを表示できます。 </script>
URL とは
これは非常に単純ですが、明確にしておきます。 URL は、Web ページの固有のコンテンツを取得するためにブラウザに入力できる Web ページのアドレスです。これはアドレス バーで確認できます。
URL は、Uniform Resource Locator であり、インターネットから利用できるリソースの場所とアクセス方法を簡潔に表現したものです。インターネット上の標準リソースのアドレス。インターネット上のすべてのファイルには固有の URL があり、その URL には、ファイルの場所とブラウザがそのファイルに対して何を行うべきかを示す情報が含まれています。
また、基本的な URL パスの仕組みがよくわからない場合は、この記事を参照して学習してください。
URL はすべて同じように見えるわけではありません簡単に注意してください。URL は、次のように非常に奇妙になる場合があります:
https://example。 com: 1234/page/?a=b
http://localhost/page.html
https://154.23.54.156/page?x=...
file :///Users/username/folder/file.png
現在の URL を取得する
現在のページの URL を取得するのは非常に簡単です。## を使用できます。 #window.location.
console.log(window.location);ブラウザ コンソールを確認してください:
var myURL = new URL('https://example.com'); とても簡単です。 myURL を印刷して、myURL の内容を表示できます。
console.log(myURL);
var myURL = new URL('https://example.com:4000/folder/page.html?x=y&a=b#section-2')これをコピーして 
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
Dreamweaver Mac版
ビジュアル Web 開発ツール
