前言
我一开始写页面的时候，用的最多的就是 alert ，但是这只能满足简单需求，一旦你有其它的需求，就无法满足了……
比如我要实现如下的效果，这里就用到 css 相关只是，但是也并不难实现。

需求总是不断在变。
有时候我们需要针对不同的访问方式指定不同的页面或者URL。
如仅是几个静态页面进行切换，那么可以用js进行判断跳转，如：

• 例子

有两个页面，分别是 index.html、index_m.html;

index.html(假定电脑端) 添加如下 JavaScript 代码：
<script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        跳转手机
        window.location.href = "https://deyun.fun/index_m.html";
     } 
</script>

index_m.html 增加如下代码，其实就是反过来：
<script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
       // 匹配手机，不做处理
     } else { // 调整PC
        window.location.href = "https://deyun.fun/index.html";
    }
</script>

在开发领域，总能听到这两个词：“前端”、“后端”。

然，像我这种没有系统学习过的人来说，而且圈子也比较小众，第一次听到这种词是比较陌生的。但好在语文功底不错，顾名思义，结合实际场景，大概也能猜出一二。

第一次决定自己写一个 HTML Demo 的时候，是为了做个导航页面，因为不想每次都手动输入地址（博主是个比较懒的人），然后开始去了解HTML相关的内容，当然深入学习那是不可能的，经常是明确需求，然后各种搜索，各种修改。也不怕看到这篇博文的各位大佬笑话，我的 Demo 都是需改一点，刷新看看，再修改一点，在刷新看看 …… 如此反复，最终达到我要的效果。