10.10 笔记-JavaScript 02 绑定事件,对象类型的转换
2017-10-12 20:46
369 查看
JavaScript02
1. 进度条特效
2. 等待按钮特效
让按钮不能点击的效果
object.disabled = true
让按钮 能点击的效果
object.disabled = false
3. 手机验证发送等待效果
绑定事件
object.onclick = function(){} 这是绑定单击事件
4. 获取对象的方式
1. var object = document.getELementById('id值') 用标签id,单个标签对象
2. var object = document.getElementsByTagName('标签名') // 结果是一个数组div
3. var object = document.getElementsByName('name属性名') //通过name属性找到对象 返回数组
返回元素的对象属性
5. 全选反选全不选特效
1. var object = document.getElementsByTagName('div')
2. 数组不能直接操作属性 需要将他变成单独的内容
3. for(var i =0; i<对象长度,i++){ // 对象长度 = object.length
// code ...
}
4. object.checked = true 多选框选中状态
object.checked = false 取消选中 多选框前面没有对号
6. 数据类型
1. typeof 查看数据类型
code:
var data = null ;
console.log(data);
console.log(typeof data);
2. boolean 布尔型
true false
严格区分大小写
3. undefined
undefined 定义了变量没有赋值
4. 对象 object
i. null 对象类型 object 特殊的对象类型
ii. 数组 对象类型 object
5. 数值类型 number
i. 整型
ii. 浮点型
a) 浮点数运算不精确 不要出现在比较运算中
iii. 进制的标头
a) 2进制 0b
b) 8进制 0
c) 16进制 0x
iv. 无穷大 Infinity
a) 最大范围值 Number.MAX_VALUE
b) 最小范围值Number.MIN_VALUE
v. NaN 参与运算得到的值一定是NaN
6. 数据类型转换
parseInt()
code:
data ='-56px'; //56
data = '56.6.7';//56
data = 'a56'; //NaN
//只要这个字符串里面的数字第一个字符不是负号和数字那么就会变为NaN
var result = parseInt(data);
console.log(result);
1.如果把非数值类型转换为数值类型 并不是绝对的
2. 如果把第一个字符不是数字或者负号,返回的NaN
3. 如果当前非数值类型的值是null 返回的是NaN
典型应用
box.style.left = parseInt(box.style.left)+’5’+’px’;
4. 如果有NaN参与的运算 结果一定是NaN
7. 字符串 string
js中单双引号没有差异 想用哪个用哪个 你来说的算!
8. 函数 function
函数是一种数据类型 类似于字符串 字符串可以怎么玩 函数就可以怎么玩
7. 流程控制
a) 顺序结构
b) 分支结构
if(){
}else if(){ //else if()中间一定要写空格否则会报错
}
switch case 结构的匹配需要匹配数据类型
c) 循环结构
for- --in 这是js中的foreach
for(键名 in 要遍历的对象){
想要键 直接打印键变量就可以
如果想要 值 通过{对象[键名]}
}
8. 简单的js计算器
a) 获取input表单中动态的值 需要使用对象.value属性
b) value属性获取的值类型是string
c) 需要使用parseInt()将string转换为number
9. 选项卡特效
1. 对象.style.display="none" 是可以设置隐藏
对象.style.display ="block" 可以设置显示
2. 在js中可以使用三元运算符
1. 进度条特效
2. 等待按钮特效
让按钮不能点击的效果
object.disabled = true
让按钮 能点击的效果
object.disabled = false
3. 手机验证发送等待效果
绑定事件
object.onclick = function(){} 这是绑定单击事件
4. 获取对象的方式
1. var object = document.getELementById('id值') 用标签id,单个标签对象
2. var object = document.getElementsByTagName('标签名') // 结果是一个数组div
3. var object = document.getElementsByName('name属性名') //通过name属性找到对象 返回数组
返回元素的对象属性
5. 全选反选全不选特效
1. var object = document.getElementsByTagName('div')
2. 数组不能直接操作属性 需要将他变成单独的内容
3. for(var i =0; i<对象长度,i++){ // 对象长度 = object.length
// code ...
}
4. object.checked = true 多选框选中状态
object.checked = false 取消选中 多选框前面没有对号
6. 数据类型
1. typeof 查看数据类型
code:
var data = null ;
console.log(data);
console.log(typeof data);
2. boolean 布尔型
true false
严格区分大小写
3. undefined
undefined 定义了变量没有赋值
4. 对象 object
i. null 对象类型 object 特殊的对象类型
ii. 数组 对象类型 object
5. 数值类型 number
i. 整型
ii. 浮点型
a) 浮点数运算不精确 不要出现在比较运算中
iii. 进制的标头
a) 2进制 0b
b) 8进制 0
c) 16进制 0x
iv. 无穷大 Infinity
a) 最大范围值 Number.MAX_VALUE
b) 最小范围值Number.MIN_VALUE
v. NaN 参与运算得到的值一定是NaN
6. 数据类型转换
parseInt()
code:
data ='-56px'; //56
data = '56.6.7';//56
data = 'a56'; //NaN
//只要这个字符串里面的数字第一个字符不是负号和数字那么就会变为NaN
var result = parseInt(data);
console.log(result);
1.如果把非数值类型转换为数值类型 并不是绝对的
2. 如果把第一个字符不是数字或者负号,返回的NaN
3. 如果当前非数值类型的值是null 返回的是NaN
典型应用
box.style.left = parseInt(box.style.left)+’5’+’px’;
4. 如果有NaN参与的运算 结果一定是NaN
7. 字符串 string
js中单双引号没有差异 想用哪个用哪个 你来说的算!
8. 函数 function
函数是一种数据类型 类似于字符串 字符串可以怎么玩 函数就可以怎么玩
7. 流程控制
a) 顺序结构
b) 分支结构
if(){
}else if(){ //else if()中间一定要写空格否则会报错
}
switch case 结构的匹配需要匹配数据类型
c) 循环结构
for- --in 这是js中的foreach
for(键名 in 要遍历的对象){
想要键 直接打印键变量就可以
如果想要 值 通过{对象[键名]}
}
8. 简单的js计算器
a) 获取input表单中动态的值 需要使用对象.value属性
b) value属性获取的值类型是string
c) 需要使用parseInt()将string转换为number
9. 选项卡特效
1. 对象.style.display="none" 是可以设置隐藏
对象.style.display ="block" 可以设置显示
2. 在js中可以使用三元运算符
相关文章推荐
- JavaScript 笔记(2) -- 类型转换 & 正则表达 & 变量提升 & 表单验证
- javascript笔记--流程控制、for、while、数据类型、js对象
- JavaScript高级程序设计之引用类型之单体内置对象之Global对象第5.7.1讲笔记
- JavaScript之jQuery-10 T-Query(T-Query、基本选择器、T-Query对象、操作方法、创建元素、事件绑定)
- javascript如何将一个字符串转换成对象类型
- javascript类型系统 Window对象学习笔记
- JavaScript学习笔记-02对象创建方式
- JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
- [Javascript]:DOM绑定事件、事件流机制、事件委托、事件对象
- JavaScript的类型转换( 本贴来自网易前端微专业的个人学习笔记 )
- c++对象模型笔记:指针类型转换
- 【JavaEE学习笔记】Hibernate_05_数据类型转换和大对象处理,QBC(junit),DAO接口
- 【JavaScript 从零开始】 原始值和对象引用、类型转换
- 解决GridView绑定时无法将类型为 <>f__AnonymousType0`2[xx] 的对象强制转换为类型“xxx”的方法
- JavaScript学习笔记——数据类型强制转换和隐式转换
- java学习笔记(六)----对象的类型转换, 匿名内置类
- JavaScript学习笔记(八) 基本类型包装器和Error对象
- JavaScript笔记——事件的类型
- C++ Primer学习笔记——$14 操作符重载、函数对象及类类型转换
- javascript中为某个对象(控件)绑定事件的几种方法