Question

但首先：Fiddle

我想要实现的是，当您按下按钮时，它会替换此链接中的＃

 http://www.twitch.tv/#/chat?popout=

使用您在文本框中输入的内容并将其重定向到那里。

我尝试过这样做：

var link = 'http://www.twitch.tv/#/chat?popout=';

var fullreplace = link.replace( ' ', ' ');

但我真的不知道该怎么做。

帮助将不胜感激

Answer 1

我没有时间为你写出来，但是给你的输入一个id。编写一个触发onClick按钮的功能。使用var link和document.getElementById将这两者合并到函数中，然后将用户转发到新的URL。

Answer 2

您甚至不需要使用replace，只需执行以下操作通常更具可读性：

Sample Jsfiddle

JS：

document.getElementById("clicker").onclick = function() {
    var link = "http://www.twitch.tv/#/chat?popout=";
    link = link.split('#').join(document.getElementById('channel_name').value);
    console.log(link);
}

HTML：

<form>
Channel Name: <input type="text" name="Channel" id="channel_name"><br>
<input type="button" value="Go to Channel" id="clicker" />
</form>

Answer 3

跳过JavaScript：

<form>
Channel Name: <input type="text" id="channel" name="Channel"><br>
<input type="button" value="Go to Channel" onClick="window.location.href='http://www.twitch.tv/' + document.getElementById('channel').value + '/chat?popout='">
</form>

用按钮中的值替换部分URL

3 个答案: