Javascript 要跳转到页面的窗体

Javascript 要跳转到页面的窗体,javascript,html,Javascript,Html,我如何制作一个表单,允许用户输入一个数字,然后转到example.com/page/#where#是用户输入的内容?我希望这是一个分页“跳转到”选项 我只能使用HTML和JavaScript <script type="text/javascript"> function goToPage(){ var page=document.getElementById('in').value; // value of input box page=pa

我如何制作一个表单,允许用户输入一个数字,然后转到example.com/page/#where#是用户输入的内容?我希望这是一个分页“跳转到”选项

我只能使用HTML和JavaScript


<script type="text/javascript">
    function goToPage(){
        var page=document.getElementById('in').value; // value of input box
        page=page*1; // ensures page is numeric only
        location.href='http://www.example.com/page/'+page; // redirect to new url
    }
</script>
<input type="text" id="in"/>
<input type="button" onclick="goToPage();"/>
函数goToPage(){ var page=document.getElementById('in').value;//输入框的值 page=page*1;//确保页面仅为数字 location.href=http://www.example.com/page/“+page;//重定向到新url }

document.getElementById('jump')。onsubmit=function(){
location.hash=document.getElementById('jump-page')。值;
返回false;
};

对于页码,您可能应该像
id=“page-2”
(创建一个有效的标识符)一样给它们加上前缀,然后执行
location.hash='#page-'+…

@Woot4Moo-什么?!第*1页正好防止了这种情况的发生。#只是一个例子,我很确定他不是指在散列之后使用数字或类似的东西。嗯。我不知道。“跳转到”听起来像是滚动到片段。你可能是对的,问题还不清楚。
<form id="jump" method="get" action="">
    <input type="text" id="jump-page"/>
    <input type="submit" value="Go"/>
</form>

<script type="text/javascript">
    document.getElementById('jump').onsubmit= function() {
        location.hash= document.getElementById('jump-page').value;
        return false;
    };
</script>