我正在建立一个名称相似的页面进行分页的系统。我能够建立一个系统,该系统使用原始页面的URL并创建一个“下一个”和“上一个”链接。但是,这些链接采用JS变量的形式,我不知道将其插入锚标记中。
我当前的代码是:
function break_address(url_add) {
var page = url_add.split("/").slice(-1);
var num = url_add.split('page-')[1];
[1]; //next
var numnext = parseInt(num)+1;
var numprev = parseInt(num)-1;
var nextpage = "https://MYCOMIC.neocities.org/page-" + numnext + ".html";
var prevpage = "https://MYCOMIC.neocities.org/page-" + numprev + ".html";
//this return is only so that I can make sure the new links were created correctly
return [num, numnext,numprev,nextpage,prevpage]
document.getElementById("next").setAttribute("href",nextpage);
}
//in the real code i am adding the current url with window.location.href instead
var url_add = "https://MYCOMIC.neocities.org/page-2.html"
console.log("Original address: "+url_add)
console.log(break_address(url_add))
<!--the links are set to # right now because I don't know how to set them up. I originally tried setting them as <a id="next">link</a>, but this resulted in an un-clickable link.-->
<a href="#">
<img src="previous.png" alt="PREVIOUS PAGE" style="height: 75px; width: 75px; padding-left 50px, padding-right: 50px;"></a>
<a href="#">
<img src="next.png" alt="NEXT PAGE" style="height: 75px; width: 75px; padding-left 50px, padding-right: 50px;"></a>
在这里的另一个类似问题中,有人建议添加一些类似的内容
document.getElementById("next").href = nextpage;
在脚本内部,然后通过执行撤回它
<a id="nextpage">link</a>
但是,当我尝试执行此操作时,无法单击该链接。
我曾尝试将href重新添加到锚标记<a href="#" id="nextpage">link</a>
中,但随后该链接转到了我所在的同一页面。
我做错了什么? (请注意:由新生成的URL链接的文件确实存在。)
我知道我可以手动链接下一页和上一页。我不需要这个,我想要可以自动链接到Javascript生成的url的代码。这可能吗?我该怎么办?
这是使用anchor
标签的正确方法:
<a href="yourPagePath/page-1.html">link</a>
在这里的另一个类似问题中,有人建议添加以下内容:
document.getElementById("next").href = nextpage;
从您提供的html代码中,似乎您从未在a
标记上指定ID,所以没有元素被检索。
但是,另一种解决方案是将html文件的路径像这样嵌入a
标记的href中:
<a href="path_to_html_file/page-1.html">link</a>