使用书签更改 url答案

【问题标题】：Change url with bookmarklet使用书签更改 url
【发布时间】：2012-04-18 06:28:54
【问题描述】：

尝试编写一个 javascript 小书签以从前端链接跳转到 CMS 编辑页面链接。

所以取一个这样的网址

http://www.example.com/events/13097/article

并制作一个这样的网址

http://www.example.com/admin/edit.php?class=events&id=13097

我认为我需要使用正则表达式来获取类和 id，然后将其包装到 javascript 函数中 - 但我是一个绝对的初学者，想知道是否有人可以让我开始？

【问题讨论】：

如果您使用的是 apache，您也可以查看 mod_rewrite（在服务器端执行此操作，而不是依赖客户端）。

标签： javascript regex url bookmarklet

【解决方案1】：

你不需要正则表达式，试试这个：

var url = ""+window.location;
var urlparts = url.split('/');
window.location = "http://www.example.com/admin/edit.php?class="+urlparts[3]+"&id="+urlparts[4];

从 URL 中拆分类和 id 并在重定向中重复它们。第一行将window.location 转换为一个字符串，您也可以使用String(window.location) 来执行此操作，但这更冗长。

要获取域名，您可以使用：

"http://"+urlparts[2]+"/admin/edit.php?class="+urlparts[3]+"&id="+urlparts[4]

编辑：实际上，您可以通过window.location.href.split('/') 获得urlparts 或模拟原始代码window.location.toString().split('/') window.location object 中其他感兴趣的项目（示例来自this 帖子)

hash: "#10013173"
host: "stackoverflow.com"
hostname: "stackoverflow.com"
href: "https://stackoverflow.com/questions/10012966/change-url-with-bookmarklet/10013173#10013173"
origin: "http://stackoverflow.com"
pathname: "/questions/10012966/change-url-with-bookmarklet/10013173"
port: ""
protocol: "http:"
search: ""

【讨论】：

非常感谢 - 这太完美了！

【解决方案2】：

//var str = window.location.href;
var str = "http://www.example.com/events/13097/article";
var re = /events\/(\d+)\//;
var match = str.match(re);
var newURL = "http://www.example.com/admin/edit.php?class=events&id=" + match[1];
alert(newURL);

【讨论】：

【解决方案3】：

这是一个用于 C# 单元测试的正则表达式示例。由于您不熟悉正则表达式，因此该模式与您的源 URL 相同，除了两个 capture groups：一个用于类 (?<class>[^/]+)，一个用于 id (?<id>[^/]+)。每一个的工作原理是它需要一个或多个不是斜杠(^/) 的字符（加号）并将其存储在尖括号中名称的正则表达式组中。

var source = "http://www.domain.com/events/13097/article";
var expected = "http://www.domain.com/admin/edit.php?class=events&id=13097";
var pattern = "http://www.domain.com/(?<class>[^/]+)/(?<id>[^/]+)/article";
var r = new Regex(pattern);
var actual = r.Replace(source, "http://www.domain.com/admin/edit.php?class=${class}&id=${id}");
Assert.AreEqual(expected, actual);

【讨论】：