Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于用户输入的重定向_Javascript - Fatal编程技术网

Javascript 基于用户输入的重定向

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

我有20个不同的页面。比如说,页面的ID是:
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};}”;   如何验证空字段?“必需”显示错误,但即使字段为空,它仍会将用户重定向到第一页?