Javascript，更改链接的中间部分答案

【问题标题】：Javascript, change middle part of a linkJavascript，更改链接的中间部分
【发布时间】：2017-01-26 18:52:04
【问题描述】：

我有一个链接项目列表，我只想根据输入字段更改链接的一部分。

例如：

http://www.myexamplepage.com/?q=%22ITEM1%22&sort=date&from=2017-01-11&to=2017-01-20

所以如果我想这样做：

<form><input id="date"><input></form>

<a href="http://www.myexamplepage.com/?q=%22ITEM1%22&sort=date&from=XXXXXX&to=XXXXXX">

<a href="http://www.myexamplepage.com/?q=%22ITEM2%22&sort=date&from=XXXXXX&to=XXXXXX">

<a href="http://www.myexamplepage.com/?q=%22ITEM3%22&sort=date&from=XXXXXX&to=XXXXXX">

其中 XXXXXX 会根据我在输入字段中输入的值而变化。因为链接的另一部分更改（ITEM1、ITEM2、ITEM3 等），例如此解决方案将不起作用：How to change part of HTML href elements with javascript 我找到的所有解决方案都是这样的，或者它们完全改变了链接中 XXXXXX 之后的所有内容。

有什么建议吗？

【问题讨论】：

另外，您的 HTML 无效：<input> 不是有效的输入元素。
是的，这只是一个例子，远远超出了重点。

标签： javascript input hyperlink field href

【解决方案1】：

您可以使用indexOf 和subString 剪切部分url 字符串。小提琴示例：https://jsfiddle.net/xdckhvyp/

var string = 'http://www.myexamplepage.com/?q=%22ITEM3%22&sort=date&from=XXXXXX&to=2017-01-20';

var startingPoint = string.indexOf('from=') + 5;
var endingPoint = string.indexOf('&to');

string.substring(startingPoint, endingPoint);

【讨论】：