Javascript，更改链接的中间部分

Question

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

例如：

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等），因此无法使用： 如何使用javascript更改HTML href元素的一部分，我找到的所有解决方案都与此类似，否则它们将完全更改所有内容链接中的XXXXXX。

有小费吗？

Answer 1

您可以使用indexOf和subString部分网址字符串。 小提琴示例： 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);