-1

I want to create a navigation for the News section on my website, where when the buttons will be clicked it will navigate the user to the next or previous html.

The button must add or remove a number on the end of the html name so if first html is news.html and next button is clicked it should go to news1.html etc.

I suppose this can be achieved with javascript, how do I start?

4

2 回答 2

1 
var path = window.location.pathname;

然后使用正则表达式解析path，获取当前页数（如果有）并将其转换为数字，增加/减少它并从中创建您的 url。

但是，我认为您使用的不是 ajax，而是某种服务器端语言，最好在服务器端使用。

我们不能为你做作业。这是测试接受日期字符串的正则表达式的示例：

            // Date validation
        if (bdate != "")
        {
             if(!/^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4}(\.)?$/.test(bdate)||
             String(new Date(bdate.split(".")[1] + "/" + bdate.split(".")[0] + "/" + bdate.split(".")[2])) == "Invalid Date")        
            {return "Please enter a valid date in format dd.mm.yyyy"}
        }

在那里，正则表达式测试是这个表达式：/^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4}(\.)?$/.test(bdate)它测试字符串bdate是否符合正则表达式。正则表达式是您可以通过将运算符放在上面的两个正斜杠之间来构造的对象 ( /operators/)。

这是 javascript regex ant 的参考 这是一个教程。祝你好运 ：）

顺便说一句，如果您不想学习任何东西，您可能应该考虑使用 wordpress 甚至 tumblr 之类的东西。

于 2012-11-13T16:55:20.977 回答
1

您可以使用window.location获取当前页面，将其与正则表达式匹配以获取末尾的数字（如果存在），然后将其递增以获取下一页并为上一页递减它。当然，您必须弄清楚如何处理第一页和最后一页。

例如，这样的事情可能会起作用：

var regex = /news(\d*)\.html/;
var index = +regex.exec(window.location.pathname)[1];

现在您的索引将是空白（for news.html）或数字。然后，您可以使用该数字来形成您需要的下一个和上一个按钮的 URL。

var nextUrl = "news" + (index+1) + ".html";
var prevUrl = "news" + (index-1) + ".html";

编辑：这不是最好的方法，但这是一个让你开始的小提琴。

于 2012-11-13T16:52:27.953 回答