Javascript 要跳转到页面的窗体
我如何制作一个表单,允许用户输入一个数字,然后转到example.com/page/#where#是用户输入的内容?我希望这是一个分页“跳转到”选项 我只能使用HTML和JavaScriptJavascript 要跳转到页面的窗体,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
<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>