Javascript 使用LocalStorage确定用户返回my book站点时打开的页面
我正在开发一个网站,将有一些书,我知道如何保存最后一页打开的书使用本地存储 现在我想在书再次打开时打开最后一页 我只是需要这个,但我不知道怎么做。书打开后,转到最后一页 我正在使用javascript来实现这一点 更新Javascript 使用LocalStorage确定用户返回my book站点时打开的页面,javascript,html,local-storage,Javascript,Html,Local Storage,我正在开发一个网站,将有一些书,我知道如何保存最后一页打开的书使用本地存储 现在我想在书再次打开时打开最后一页 我只是需要这个,但我不知道怎么做。书打开后,转到最后一页 我正在使用javascript来实现这一点 更新 //Save and restore position // save position Next var bookName = (document.getElementsByClassName("menu-title")) function salvePosition
//Save and restore position
// save position Next
var bookName = (document.getElementsByClassName("menu-title"))
function salvePositionNext()
{
var locationBook = (document.getElementsByClassName("nav-chapters
next"));
var locationBook = (document.getElementsByClassName("mobile-nav-chapters next"));
localStorage.setItem(bookName[0], locationBook[0])
}
//Save position Previous
function salvePositionPrevious()
{
var locationBook = (document.getElementsByClassName("nav-chapters previous"));
var locationBook = (document.getElementsByClassName("mobile-nav-chapters previous"));
localStorage.setItem(bookName[0], locationBook[0])
}
//Load Last Page
function loadLastPage()
{
if(localStorage.getItem(bookName[0])){
location.replace(localStorage.getItem(bookName[0]))
}
}
// End of save and restore position
功能
用于保存和恢复我的站点中书籍的位置,最后一个位置的页面就是bookroot
。然后,当加载此页面时,转到URLlocationBook
(bookName键的值)
您是否有问题或具体问题需要解决?请描述一本书的HTML结构。是每一章都是一个单独的HTML页面,还是整本书都在一个单独的HTML页面上?是否可以创建一个指向特定章节的URL?@www.admiralit.nl是的,每个章节都是一个单独的HTML,是的,有
的章节树,我认为可以在这里URL指向。@RandyCasburn一个问题,因为当我调用函数时,页面不会停止刷新。因此,每次页面加载都会触发一个运行returnPage()
的onload
事件,该事件会将document.location
更改为另一个页面,然后触发一个运行returnPage()的onload
事件
将文档.location
更改为其他页面,然后触发运行returnPage()
的onload
事件,该事件将文档.location
更改为其他页面,然后。。。。了解了?
//Save and restore position
// save position Next
var bookName = (document.getElementsByClassName("menu-title"))
function salvePositionNext()
{
var locationBook = (document.getElementsByClassName("nav-chapters
next"));
var locationBook = (document.getElementsByClassName("mobile-nav-chapters next"));
localStorage.setItem(bookName[0], locationBook[0])
}
//Save position Previous
function salvePositionPrevious()
{
var locationBook = (document.getElementsByClassName("nav-chapters previous"));
var locationBook = (document.getElementsByClassName("mobile-nav-chapters previous"));
localStorage.setItem(bookName[0], locationBook[0])
}
//Load Last Page
function loadLastPage()
{
if(localStorage.getItem(bookName[0])){
location.replace(localStorage.getItem(bookName[0]))
}
}
// End of save and restore position