Javascript 读取浏览器导航栏并基于它生成导航链接

我想知道是否有可能有一个脚本，可以读取地址栏

示例（非实际链接）：

把第2011页的部分变成

« <a href="/page-2010">Previous</a>|<a href="/page-2012">Next</a> »

«|»

因此，它不必制作3000个导航链接，而是自动生成。作为一个额外的挑战，侧边栏是一个完全独立的页面，当您加载页面时，由于缺少更好的术语，它在“编译时”加载。这是每次加载页面时都会拉取的实际页面

Window.location只读属性返回包含文档当前位置信息的location对象

方法通过将字符串拆分为子字符串，将字符串对象拆分为字符串数组

获得URL后，可以使用

.split（“-”）

。在您的情况下，如果将每个页面设置为

/page-2

，则将返回一个对象

{“page”，“2”}

slice（）方法提取字符串的一部分并返回一个新字符串

如果路径以

/

结尾，则可以使用.slice（）修剪最后一个字符

var pathSplice = url3.slice(0,-1);     //returns /page-2 from /page-2/
var pathSplit = pathSplice.split("-"); //returns {"/page","2"} from /page-2

现在，您可以通过访问索引

1

处的

pathSplit

对象来获取页码

2

，然后将页码

2

解析为整数，并执行所需的等式以接收所需的页面

var pageNum = parseInt(pathSplit[1]);
var prevPage = 0,
    nextPage = 0;
if(isNaN(pageNum) === false){
    prevPage = pageNum - 1;    //returns 1 from 2
    nextPage = pageNum + 1;    //returns 3 from 2
}

[Element.setAttribute（）]设置指定元素的属性值。如果该属性已经存在，则更新该值；否则，将添加具有指定名称和值的新属性

最后，您可以像这样设置锚点的值

var prevLink = document.querySelector(".prev-link");
var nextLink = document.querySelector(".next-link");
prevLink.setAttribute("href", "/page-" + prevPage.toString());
nextLink.setAttribute("href", "/page-" + nextPage.toString());

注意：确保为上一页和下一页链接分配了类或id

var pageNum = parseInt(pathSplit[1]);
var prevPage = 0,
    nextPage = 0;
if(isNaN(pageNum) === false){
    prevPage = pageNum - 1;    //returns 1 from 2
    nextPage = pageNum + 1;    //returns 3 from 2
}

var prevLink = document.querySelector(".prev-link");
var nextLink = document.querySelector(".next-link");
prevLink.setAttribute("href", "/page-" + prevPage.toString());
nextLink.setAttribute("href", "/page-" + nextPage.toString());