javascript/jqueryでurlパラメータを置換する方法は?
2023-11-18 20:03:28
質問
私はこれを行うための効率的な方法を探してきましたが、それを見つけることができませんでした、基本的に私が必要とすることは、例えば、このURLを与えられたことです。
http://localhost/mysite/includes/phpThumb.php?src=http://media2.jupix.co.uk/v3/clients/4/properties/795/IMG_795_1_large.jpg&w=592&aoe=1&q=100
のURLを変更できるようにしたい。
src
のURLを、javascriptやjqueryを使って別の値に変更できるようにしたいのですが、可能でしょうか?
事前にありがとうございます。
どのように解決するのですか?
この方が良い解決方法ではないでしょうか?
var text = 'http://localhost/mysite/includes/phpThumb.php?src=http://media2.jupix.co.uk/v3/clients/4/properties/795/IMG_795_1_large.jpg&w=592&aoe=1&q=100';
var newSrc = 'www.google.com';
var newText = text.replace(/(src=).*?(&)/,'$1' + newSrc + '$2');
EDITです。
コードにいくつかの明確さを追加し、結果のリンクに 'src' を残すようにしました。
$1
の中の最初の部分を表しています。
()
は
src=
と
$2
の中の2番目の部分を表します。
()
は
&
の間で値を変更することを示しているので、これは
src
と
&
. もっとわかりやすく言うと、こんな感じです。
src='changed value'& // this is to be replaced with your original url
すべてのオカレンスを置き換えるためのADD-ON。
同じ名前のパラメータが複数ある場合、以下のように正規表現のグローバルフラグに追加することができます。
text.replace(/(src=).*?(&)/g,'$1' + newSrc + '$2');
のようにすると、同じ名前を持つパラメータをすべて置き換えることができます。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] リモート Git リポジトリの URI (URL) を変更するには?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptでURLをエンコードする?
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] 正規表現における非捕捉グループとは何ですか?
-
[解決済み】JavaScriptでURLのパラメータを変更し、デフォルトを指定する。
-
[解決済み] JavaScriptでクエリ文字列のパラメータを削除するにはどうすればよいですか?
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] アサインの左側にJavascriptのオブジェクトブラケット表記({ ナビゲーション } =)があります。
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] これは純関数ですか?