JavaScript で URL パラメータを変更し、デフォルトを設定するにはどうすればよいですか?

JavaScript を使用した URL パラメータの変更とデフォルトの定義

URL を操作する場合、URL を制御するために特定のパラメータを変更または追加する必要がある場合があります。 Web ページの動作。これは、JavaScript を使用して実現できます。

既存のパラメータの変更

「行」値を 10 に変更するなど、URL 内の既存のパラメータを変更するには、次を使用します。次のコード スニペット:

var newURL = updateURLParameter(window.location.href, 'rows', 10);

updateURLParameter() 関数は 3 つのパラメータを取ります:

• url: 元の URL
• param: 変更されるパラメータ
• paramVal: パラメータの新しい値

パラメータが存在しない場合の追加

パラメータが存在しない場合元の URL は、同じ関数を使用して追加できます:

if (!window.location.href.includes('rows')) {
    newURL = updateURLParameter(window.location.href, 'rows', 10);
}

URL の例

提供された URL:

site.fwx?position=1&archiveid=5000&columns=5&sorting=ModifiedTimeAsc

site.fwx?position=1&archiveid=5000&columns=5&rows=10&sorting=ModifiedTimeAsc

上記のコードを使用して、次のように変更できます。

追加機能

提供されたコードは、URL 内のアンカーも処理できます。パラメータ変更後も保持されること。

以上がJavaScript で URL パラメータを変更し、デフォルトを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。