闲来无聊，用原生j s 写个浏览器导航页，练练手哈。
复制代码

需求来源

每次收入网址很麻烦
所以想到制作一个导航站
主要功能每一个键位对应一个导航地址，按下对应的按钮可以转到对应的网站。
可以自己配置背景图
可以设置每个键位对应的网址
复制代码

主要思路

设置默认配置

读取本地存储中的配置，有则用存储中的，没有则用默认配置，并将其默认配置存储到本地存储中。
复制代码

进入网站

监听键盘事件，根据所按下的建找到对应的网址
复制代码

更改配置

也就式更新本地存储
复制代码

在线体验地址

唯美，快捷的导航页

随便记录一下，有什么好的功能还希望大家指点

【谢谢阅读！】

转载于:https://juejin.im/post/5cf3d9f1f265da1bc14b11dc

唯美，快捷的浏览器导航页相关推荐

唯美官网倒计时引导页源码
介绍: 非常唯美的一款官网上线倒计时HTML源码. 有喜欢的去自行修改丢到空间即可网盘下载地址: https://zijiewangpan.com/1CxuMhzsfBe 图片: [外链图片转存失败 ...
浏览器导航页被篡改解决办法
无意间下了一个流氓软件,好不容易删干净打开谷歌时却发现原本的谷歌搜索页变成这样了于是赶紧打开了firefox和edge 再加个2345就齐了,流氓网站果然名不虚传,领教了. 这种事不能忍! 办他! ...
唯美动态个人404单页HTML源码
简介: 手机端先加载静态图再缓慢加载gif动图,电脑端先加载静态图在加载mp4.提升打开速度! 网盘下载地址: http://kekewl.net/0P9uLJy3DBX0 图片:
唯美好看的动态个人鹿鸣404单页HTML源码
简介: 唯美动态个人404单页HTML源码, 手机端先加载静态图再缓慢加载gif动图,电脑端先加载静态图在加载mp4.提升打开速度! 网盘下载地址: http://kekewangLuo.net/cK ...
Edge浏览器默认导航页为360问题，修改360浏览器防护设置即可
网上查询了很多都是去设置页面添加新的URL,但是重新打开后还是360导航页,这个问题是由于360杀毒软件有个浏览器导航页被锁定导致的,去360找到锁定上网主页问题就是这里,需要将锁定的解锁,然后修改 ...
简单的php引导页面设计,PS简单制作唯美朦胧柔美的渐变APP引导页
今天小编为大家分享PS简单制作唯美朦胧柔美的渐变APP引导页方法,教程很不错,难度不是很大,推荐到脚本之家,大家快快来学习吧! 此适合和对颜色研究不深,又急需应用的朋友.小编良心保证,再零基础的同学也 ...
打开html就自动到搜狗网扯,今天一打开IE浏览器，页就一直是搜狗网址导航，怎么改也改不掉，...
今天一打开IE浏览器,页就一直是搜狗网址导航,怎么改也改不掉,现在非常怀疑你点开的IE图标就是一个流氓快捷方式所以你给桌面上的图标给删除了然后在开始或者IE文件夹里面找到IE 在点击下看看恢复没 ...
25款免费古典唯美求职简历word模板，四页求职简历模板，含自荐信
25款免费古典唯美求职简历word模板,四页求职简历模板,含自荐信.声明:该简历模板仅用于个人欣赏使用,请勿用于商业用途,谢谢. 可以直接通过该地址快速下载:https://yunpan.360.cn ...
Win10字体大小调整资源管理器字体浏览器标签页导航栏字体变大
问题描述 Windows 10 重启后莫名其妙出现部分字体异常变大的情况,如右键菜单,资源管理器,浏览器导航栏标签等,但系统字体大小及显示缩放设置并未更改. 解决方法若是由系统显示缩放设置更改(10 ...

唯美，快捷的浏览器导航页

需求来源

主要思路

设置默认配置

进入网站

更改配置

在线体验地址

唯美，快捷的浏览器导航页相关推荐

最新文章

热门文章