学习笔记7

来源:互联网 发布:nginx 优化加速 编辑:程序博客网 时间:2024/05/22 00:41

今天学习了css与js   ,又做了一个半成品的登录页面,明天为这个页面做一下js的代码填充优化,


今天的知识点:


css+js:


blur对应控件失去焦点时刻;
click对应点击时刻(鼠标左键);
focus对应控件获得焦点时刻;
通过on+”事件名”的形式为div元素绑定相应事件


<input type=“text” onblur=“elemGetFocus()” />形式设置事件时,可以向函数中传递this对象,this对象表示拥有这个事件处理程序的html元素
由于向函数传递了一个this参数,那么在函数中也需要定义一个接受这个值的参数变量,在函数中就可通过elem来获取表单控件的各种已存在的属性
对于单选框而言,控件的输入值都存在了value属性中,因此我们可以通过elem.value来获取用户输入的信息
当没有输入任何值的情况下,其控件的value值是空字符串(在js中是””或者’’)


将提示信息框隐藏:visibility: hidden;它不会释放元素本身所在的空间,显示:visibility:visible。 display:none;它会释放元素所占据的空间,结果就是在页面中相对于元素不存在一样,显示:display:block


使用visibility属性,因为如果使用display属性的话,在隐藏和显示切换到时候,会导致下面的输入框上下移动


onblur以及onfocus可以为输入框定义失去以及获得焦点事件
mouseenter:鼠标进入事件
mouseleave:鼠标离开事件


在css中设置样式可以通过elem.style.属性名 = “属性值”,其中属性名必须是驼峰大小形式


Js中通过elem.className = “class值”的方式设置class属性



今天做的简单的半成品登录页面,,,还要填写不少东西啊。。。。。登录提示  账号密码验证,链接后台数据库等等。。。。