前端项目（html+css+js+bootstrap）编写过程-知识补充

为什么input框不用placeholder提示 而用label

https://www.cnblogs.com/ahutyaoyj/p/4453944.html

display:none与visibility: hidden的区别

如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏。隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。

给元素设置visibility: hidden也可以隐藏这个元素，但是隐藏元素仍需占用与未隐藏时一样的空间，也就是说虽然元素不可见了，但是仍然会影响页面布局。

https://blog.youkuaiyun.com/qq_38128179/article/details/80794397

只要点了submit就会死板地毫无条件地跳到指定的页面。

当用户名输入为空的时候，经检查后，弹出了提示后，仍然跳到下一页面，那不是毫无意义了吗？有什么其他的解决办法没？

onsubmit 函数名（）
在表单的标签里面加入 onsubmit标签
return false ：表单不提交；return true；表单提交。在return false 做操作，判断，条件满足则提交，条件不满足，不提交。

<form  method="post"onsubmit="return checkip()">

取消表单submit的刷新

<input type="submit" class="login_btn" value="登录" onclick="func(event)">
<script>
        function func(event) {
            event.preventDefault();
            //执行ajax动作
        }
    </script>

跳转页面，以及路径问题

window.location.href = 'index.html';

上面代码是在js文件中写的，但其路径是要相对于触发该事件的页面

https://www.cnblogs.com/Renyi-Fan/p/9130325.html

实时获取窗口大小

window.addEventListener("resize", function() {
        var h = document.documentElement.clientHeight;
        var w = document.documentElement.clientWidth;

    })

始终在窗口可视区域水平、垂直居中

.login-dialog {
    background-color: #fff;
    left: 50%;
    margin: -114px 0 0 -210px;
    position: fixed;
    top: 50%;
    width: 420px;
    z-index: 101;
}

感谢大佬文章指点
https://blog.youkuaiyun.com/wangji5850/article/details/51004531

页面显示时间

 <strong id="datetime"></strong>

var datetime = this.document.querySelector("#datetime");
    var logon_btn=this.document.querySelector(".logon-btn")
    setInterval(function() {
        datetime.innerHTML = new Date().toLocaleString();
    }, 1000);

文字与文本域怎么顶部对齐

textarea{
  vertical-align:top;
}

使用网页嵌套iframe标签，点击左侧导航栏，在右侧动态显示页面的信息

https://blog.youkuaiyun.com/qq_36746815/article/details/84062516

子div有内容，父div高度为什么为0/清除浮动

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}