学习笔记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属性
今天做的简单的半成品登录页面,,,还要填写不少东西啊。。。。。登录提示 账号密码验证,链接后台数据库等等。。。。
- VC++7学习笔记
- JavaScript学习笔记7
- Java学习笔记7
- stl学习笔记7
- JavaScript学习笔记7
- Hibernate学习笔记7
- Python学习笔记(7)
- Spring学习笔记7
- android学习笔记7
- 学习笔记7
- C++ 学习笔记7
- JMS学习笔记7
- Android学习笔记7
- Java学习笔记7
- 机器学习-笔记7
- hibernate学习笔记7
- Oracle 学习笔记7
- Ruby 学习笔记7
- Leetcode 283. Move Zeroes
- 梯度算法之梯度上升和梯度下降
- CF903 D.Almost Difference
- 用全局变量编程模拟显示一个数字式时钟(习题7.2)
- 非spring boot (即spring) 使用/集成 Spring cloud Config 分布式配置中心
- 学习笔记7
- windows下caffe的安装与配置
- canvas基本知识介绍
- 26-Remove Duplicates from Sorted Array
- spring boot的Java配置方式
- 卖香蕉的小伙子
- css中的几种图片居中方式
- 定时器0控制LED的闪烁时间;计数器1来控制数码管的显示
- 算法导论