Javascript，更改鏈接的中間部分

Question

我有一個鏈接項目列表，我只想要根據輸入字段更改鏈接的一部分。

例如：

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

所以，如果我想這樣做：如果XXXXXX變化取決於輸入字段中的值I輸入

<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"> 

。由於鏈接的另一部分發生更改（ITEM1，ITEM2，ITEM3等），因此此解決方案不起作用：How to change part of HTML href elements with javascript我發現的所有解決方案都與此類似，或者它們完全改變鏈接中XXXXXX後的所有內容。

任何提示？

Answer 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);