<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <h1 id="inenr"></h1> <button onclick="previous_page()" id="previous">上一页</button> <button onclick="next_page()">下一页</button> <script type="text/javascript"> let arr = 1; //设置一个变量为arr为页数 let inenr = document.getElementById('inenr'); //获取到inenr inenr.innerHTML = arr; //inenr的内容等于arr的内容 function next_page() { //点击下一页的时候 arr++; //arr加一 inenr.innerHTML = arr; //inenr的内容等于arr的内容 document.getElementById("previous").disabled=false; //将禁止点击解除 } function previous_page() { //点击上一页的时候 // if (arr != 1) { //判断arr的大小不等于一时，arr减一 arr--; //arr减一 inenr.innerHTML = arr; //inenr的内容等于arr的内容 // } if(arr == 0){ //等于零时 document.getElementById("previous").disabled=true; //将鼠标设为禁用 } } </script> </body> </html>
效果：
