按下state/popstate javascript浏览器后退按钮以使用非线性幻灯片/旋转木马？

我刚刚开始学习javascript。我做了一个幻灯片。我正在尝试让浏览器返回按钮使用它。我不能只做普通的当前div-1方法，因为它是一个非线性的幻灯片；你可以从任何幻灯片上看到任何幻灯片。我也不能在javascript中预定义所有幻灯片，因为我以后会添加更多的幻灯片。我知道我必须使用PushState（）和PopState（），但我无法让它们与我的设置一起工作

var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数currentDiv（n）{
if（isNaN（n））{
var slides=document.getElementsByClassName（“mySlides”）；
var=0；
对于（变量i=0；ix.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

.mainstyle{
身高：100%；
边缘顶部：30px；
字体系列：Verdana，无衬线；
字体大小：15px；
线高：1.5；
}
迈斯利德斯先生{
显示：无；
文本对齐：居中；
边框：1px纯黑；
保证金：自动；
背景：重复径向梯度（中心最远的椭圆角，rgba（255，255，255，1.0）0%，rgba（255，255，255，0.50）70.3%，rgba（243，243，243，00）100%）；
宽度：600px；
填充顶部：30px；
右侧填充：30px；
填充底部：30px；
左侧填充：30px；
}
.主要内容{
保证金：自动
}
不透明度
.悬停不透明度：悬停{
不透明度：0.60；
过滤器：α（不透明度=60）；
-webkit背面可见性：隐藏
}
.不透明度关闭，
.禁用“悬停不透明度”：悬停{
不透明度：1；
过滤器：α（不透明度=100）；
-webkit背面可见性：隐藏
}

slideone

1La so ray teela mee latee，la so ray meela




slidewo

2La so ray teela mee Late，la so ray meela






slidethree
3La so ray teela mee latee，la so ray meela






slidefour

4La so ray teela mee latee，la so ray meela




slidefive

5La so ray teela mee Late，la so ray meela