根据用户输入重定向

Question

我有 20 个不同的页面。 假设页面的 ID 是例如： mysite.com/page1 ， mysite.com/page2等等...

我需要创建一个输入字段，用户可以在其中输入数字，例如，如果他输入数字 16，它会将他重定向到mysite.com/page16 。

我相信这可以通过 JavaScript 实现。 有没有人有任何建议？

Answer 1

 window.onload = function() { document.getElementById('btn').onclick = function() { window.location.href = "http://www.yourdomain.com/page"+document.getElementById("url").value }; }

 <input id="url" value=""> <button id="btn">Go!</button>

Answer 2

您可以使用 window.redirect 到您想要的页面

var input_number = document.getElementById('input_id').value
url = "mysite.com/page" + input_number;
window.location=url;

其中input_id是您输入框的 ID

Answer 3

在 vanilla JavaScript（无库）中，您可以使用以下脚本 (ES6)。

 let input = document.querySelector('#input'); input.addEventListener('change', event => { var url = `mysite.com/page${input.value}`; alert(url); window.location = url; });

 <input id="input" type="number" name="page" min="1" max="16" value="0"></input>