失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 用javascript替换URL中的参数值示例代码【javascript】

用javascript替换URL中的参数值示例代码【javascript】

时间:2021-04-20 14:14:54

相关推荐

用javascript替换URL中的参数值示例代码【javascript】

web前端|js教程

javascript,URL

web前端-js教程

今天遇到一个需要用javascript将url中的某些参数替换的需求,想起了不久前从网上淘到了一个parseUrl函数,正好可以借此实现,代码整理如下:

破解云购源码,ubuntu分区,冰上有虫子爬虫,php email,SEO引流多久lzw

//分析url

function parseURL(url) {

var a = document.createElement(a);

a.href = url;

return {

source: url,

protocol: a.protocol.replace(:, \),

host: a.hostname,

port: a.port,

query: a.search,

params: (function () {

var ret = {},

seg = a.search.replace(/^\?/, \).split(&),

len = seg.length, i = 0, s;

for (; i < len; i++) {

if (!seg[i]) { continue; }

s = seg[i].split(=);

ret[s[0]] = s[1];

}

return ret;

抽奖转盘源码,ubuntu虚拟环境,豆瓣高分电影爬虫,php islong,seo506lzw

})(),

file: (a.pathname.match(/\/([^\/?#]+)$/i) || [, \])[1],

hash: a.hash.replace(#, \),

path: a.pathname.replace(/^([^\/])/, /$1),

relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [, \])[1],

segments: a.pathname.replace(/^\//, \).split(/)

};

}

php 源码 分销网站,添加静态路由 ubuntu,tomcat怎么运行前端,电动爬虫玩具,Php Doctor是什么,186seo人世间电视剧lzw

//替换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;

break;

}

}

//原来没有的参数则追加

if (!hasInMyUrlParams) {

myUrl.params[x] = newParams[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(:8080/dir/index.html?id=255&m=hello#top);

w("myUrl.file = " + myURL.file)// = index.html

w("myUrl.hash = " + myURL.hash)// = op

w("myUrl.host = " + myURL.host)// = \

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) // = :8080/dir/index.html?id=255&m=hello#top

var _newUrl = replaceUrlParams(myURL, { id: 101, m: "World", page: 1,"page":2 });

w("

新url为:")

w(_newUrl); //:8080/dir/index.html?id=101&m=World&page=2#top

如果觉得《用javascript替换URL中的参数值示例代码【javascript】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。