ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してURLのパラメータ値を置き換えるサンプルコード_javascriptスキル

JavaScriptを使用してURLのパラメータ値を置き換えるサンプルコード_javascriptスキル

WBOY
リリース: 2016-05-16 17:02:16
オリジナル
1349 人が閲覧しました

今日、JavaScript を使用して URL の一部のパラメーターを置き換える必要が生じました。少し前にインターネットで parseUrl 関数を見つけたことを思い出しました。この関数は次のように構成されています。 🎜>

コードをコピーします コードは次のとおりです:

//分析url
function parseURL(url) {
var a = document.createElement('a');
a.href = URL;
return {
ソース: url,
プロトコル: a.protocol.replace(':', ''),
ホスト: a.hostname,
ポート: a.port,
クエリ: a.search,
params: (function () {
var ret = {},
seg = a.search.replace(/^?/, '').split(' &'),
len = seg.length, i = 0, s;
for (; i if (!seg[i]) { continue; > s = seg[i].split('=');
ret[0]] = s[1]
return
})( )、
ファイル: (a.pathname.match(//([^/?#] )$/i) || [, ''])[1],
ハッシュ: a.hash.replace ('#', ''),
パス: a.pathname.replace(/^([^/])/, '/$1'),
相対: (a.href.match(/tps) ?://[^/] (. )/) || [, ''])[1],
セグメント: a.pathname.replace(/^//, '').split('/' )
};
}

//myUrl 内の同名パラメータを置き換えます
function replaceUrlParams(myUrl, newParams) {
/*
for (var x in myUrl.params) {
for (var y in newParams) {
if (x.toLowerCase() == y.toLowerCase()) {
myUrl.params[x] = newParams[y];
}
}
}
*/

for (var x in newParams) {
var hasInMyUrlParams = false;
for (var y in myUrl.params) {
if (x.toLowerCase() == y.toLowerCase()) {
myUrl.params[y] = newParams[x];
hasInMyUrlParams = true;
休憩。
}
}
//原来没有パラメータ追加
if (!hasInMyUrlParams) {
myUrl.params[x] = ;
}
}
var _result = myUrl.protocol "://" myUrl.host ":" myUrl.port myUrl.path "?";

for (var p in myUrl.params) {
_result = (p "=" myUrl.params[p] "&");
}

if (_result.substr(_result.length - 1) == "&") {
_result = _result.substr(0, _result.length - 1);
}

if (myUrl.hash != "") {
_result = "#" myUrl.hash;
}
return _result;
}

//辅助输出力
function w(str) {
document.write(str "
");
}

var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
w("myUrl.file = " myURL.file) // = 'index.html'
w("myUrl.hash = " myURL.hash) // = 'top'
w(" myUrl.host = " myURL.host) // = 'abc.com'
w("myUrl.query = " myURL.query) // = '?id=255&m=hello'
w("myUrl .params = " myURL.params) // = Object = { id: 255, m: hello }
w("myUrl.path = " myURL.path) // = '/dir/index.html'
w("myUrl.segments = " myURL.segments) // = Array = ['dir', 'index.html']
w("myUrl.port = " myURL.port) // = '8080'
w("myUrl.protocol = " myURL.protocol) // = 'http'
w("myUrl.source = " myURL.source) // = 'http://abc.com:8080/ dir/index.html?id=255&m=hello#top'

var _newUrl = replaceUrlParams(myURL, { id: 101, m: "世界", ページ: 1,"ページ":2 });

w("
新しいurlは:")
w(_newUrl); //http://abc.com:8080/dir/index.html?id=101&m=World&page=2#top
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート