根據用戶輸入重定向

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>