Javascript 基于用户输入的重定向
我有20个不同的页面。比如说,页面的ID是:Javascript 基于用户输入的重定向,javascript,Javascript,我有20个不同的页面。比如说,页面的ID是:mysite.com/page1,mysite.com/page2等等 我需要创建一个输入字段,用户可以在其中输入数字,例如,如果他输入数字16,它会将他重定向到mysite.com/page16 我相信这在JavaScript中是可能的。有人有什么建议吗?您可以使用window.redirect转到所需页面 var input_number = document.getElementById('input_id').value url = "mysi
mysite.com/page1
,mysite.com/page2
等等
我需要创建一个输入字段,用户可以在其中输入数字,例如,如果他输入数字16,它会将他重定向到mysite.com/page16
我相信这在JavaScript中是可能的。有人有什么建议吗?您可以使用window.redirect转到所需页面
var input_number = document.getElementById('input_id').value
url = "mysite.com/page" + input_number;
window.location=url;
其中,input\u id
是您的输入框的id
window.onload=function(){
document.getElementById('btn')。onclick=function()
{
window.location.href=”http://www.yourdomain.com/page“+document.getElementById(“url”).value
};
}
走代码>在普通JavaScript(无库)中,您可以使用以下脚本(ES6)
let input=document.querySelector(“#input”);
input.addEventListener('change',event=>{
var url=`mysite.com/page${input.value}`;
警报(url);
window.location=url;
});代码>
到目前为止,您尝试了什么?您的解决方案看起来很棒,在代码片段中工作得很好,但当我尝试在空html文档中测试它时,它根本不起作用。我做错什么了吗?这是屏幕截图:嗯。当你点击按钮时,请在浏览器中显示pls控制台。您还可以删除jquery。控制台显示未捕获的TypeError:无法在索引处将属性'onclick'设置为null。html:7我想我找到了解决方案:window.onload=function(){document.getElementById('btn')。onclick=function(){window.location.href=”http://www.yourdomain.com/page“+document.getElementById(“url”).value};}”; 代码>如何验证空字段?“必需”显示错误,但即使字段为空,它仍会将用户重定向到第一页?