[英]Javascript for Previous and Next Buttons
我正在尝试编写一个函数,它将使用一组名为1.html,2.html,3.html,4.html等的html页面,并在每个页面上显示上一个和下一个按钮。 单击上一个或下一个箭头按钮将转到我浏览器中的下一个html页面。 所以,如果我在一个名为“2.html”的页面上,它会知道这一点,并带我去“3.html”
我看到很多分页脚本,但这更简单。 我想实际去另一个HTML页面。 我有一些像这样的代码,但它没有像我期望的那样工作 - 任何人都可以帮助......?
function nextPg(step) { var str = window.location.href; if(pNum = str.match(/(\\d+)\\.html/i)){ pNum = pNum[1] * 1 + step+''; if(pNum>0){ pNum = "".substr(0, 4-pNum.length)+pNum; window.location = str.replace(/\\d+\\.html/i, pNum+'.html'); } } } <a href="nextPg(+1)">Next Page »</a>
我尝试了@void的建议并编辑了这样的代码,但仍然无法让它工作以加载我的下一页名为'page2.html'
$( "#target" ).keyup(function( event ) { function newDoc(){ var url = window.location.href; url = url.split('/').pop(); curr = +curr.replace("page","").replace(".html",""); window.location.href = "page"+ (curr+1) +".html"; } }) $( "#other").click(function() { $( "#target" ).keyup(); });
我的按钮看起来像这样:
<button id="other">LOAD ANOTHER PAGE</button>
为什么不选择简单的方法?
function nextPg(){
var url = window.location.href;
url = url.split('/').pop();
curr = +curr.replace("page","").replace(".html","");
window.location.href = "page"+ (curr+1) +".html";
}
现在可以根据需要将其与keyup事件绑定。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.