keytopage项目

1、先建好哈希表存好信息
2、然后js用createElement,appendChild,textContent把信息加好到HTML里面
3、然后监听键盘事件

document.onkeypress=function (dd){
      在dd里面找到我们要的发生的某个信息，即我们按的是那个键
}

4、网址可以修改
注意buttonx这里是个容器，不能用它获得本次鼠标点击信息

buttonx.onclick=function（ss）{
      ss.target//我才是真正的现取现用
}

5、修改就算刷新了也保存
localStorage

6、美化css
className=‘xxx’
xxx在css写好

background:linear-gradient(to bottom,red 0%，black 100%)；
border-radius：。。。
box-shadow：这里有几层

main{
height:100vh;//viewport height,视口高度一样高
}
rgba（255，255，255，0.2）透明白

7、带好网页标识小图
对应网页下取/favicon.ico

if(hash[row[index2]]){
  img.src='http://'+hash[row[index2]]+'/favicon.ico'
}else{
    img.src='图床上面上传一个小图片'
}
img.onerror=function(s){
    s.target.src='http://'+hash[row[index2]]+'/favicon.ico'
}

8、能编辑网址，也要加上修改小图片的功能
button标签的内容修改引起了img的修改，而img是button的哥哥标签，怎么找哥哥呐，谷歌js get prev brother，发现用

img2 = button2.previousSibling

9、封装让代码更美观
初始化数据，生成键盘，监听键盘

keytopage项目

推荐阅读更多精彩内容