获取元素:
document.getElementById('id')
document.getElementsByTagName('标签')
事件:
谁触发 给谁加
onclick 点击
onmouseover 移入
onmouseout 移除
onchange 改变 select的下的option的value 改变的时候用 99%
select里面的option的value怎么获取
变量:
var 名字=值
函数:
声明: function 名字(){}
调用: 名字()
取名字:
object 一个东西
abject 多个东西
判断:流程控制语句
if(条件){语句1}else{语句2}
style 操作的是行间
函数执行:
1.从上到下 从左到右
2.在那声明不重要 重要的是那调用
传参:
function 名字(参数,参数1....){
//参数,参数1.....
}
名字(参数,参数1....)
数据类型:
Number(数字型) 123
String(字符串型) 'asdasd'
标示符 .
表达式 []
只要 . 能干的事情 [] 都能干
.操作已有属性
window.onload
1.window.onload
2.获取元素
3.加事件
web分离 样式(css) 结构(html) 行为
数组(Array)
var arr=[1,2,3,4,5];
属性 length 数组的个数 从1开始 5
下标 从0开始 4 arr[4]
循环
自增:
var i=0;
i=i+1;
i+=1;
i++;
while(条件){
//执行的code
}
for(var i=0;i<3;i++){
//初始值,条件,自增
//执行的code
}
自定义属性:高级浏览器一遍过滤掉自定义属性
this:谁触发 它就是谁
=================================================
选项卡封装:
index 索引
全选、不全、反选:
循环里面 判断
简易年历:
1.选项卡思想 12个按钮对应12份内容
2.12个按钮对应一份内容
操作表单元素:
获取:元素.value
设置:元素.value='值';
操作非表单元素:
获取:元素.innerHTML
设置:元素.innerHTML='内容';
内容可以是任何东西(包括标签)
document.write 页面输出内容
字符串连接:
**字符串不能换行
1.换行可以 加号 拼起来
2. \ 每换行尾部加
3. ``引号 直接加 第一个ES6的语法
()提高优先级 (this.index+1)
秘诀:两个单引号 两个加号 里面放变量
字符串和数字相加 会变成字符串 字符串不会运算
调试:
工具:F12
alert()
看看
console.log()
快捷键:ctrl+shift+j
FF(firefox) :安装一个 firebug(重新刷新)
IE:打开错误的调试的工具
工具--Internet选项--高级--禁用脚本本调试(其它)
数据类型:
基本数据类型(不可分)
string 字符串
number 数字
boolean 布尔值
undefined 未定义
object 对象(可分的) object里面可以包数组也可以包对象
function 函数 ?有争议
global ** ES6 顶层对象
typeof 检测数据类型
undefined什么时候会出现?
1.变量声明了,但是没有赋值.
2.访问一个不存在的属性.
3.当参数没有值
字符串转成数字
显式类型转换: 强制类型转换
parseInt(字符串) 把字符串转变成整数
'12.5px' 12
parseFloat(字符串) 把字符串转变成小数(浮点数)
'12.5px' 12.5
Number(字符串) 把字符串转变成数字 比较严格。
'12.5px' 非数字是NaN
isNaN(x) 函数用于检查其参数是否是非数字值。
如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值)返回的值就是 true。
如果 x 是其他值,则返回 false。
隐式转换:
- * / % == >< 隐式转换,尽量别用。
alert('10'*2) ('10'+2) 加号 做了字符串 拼接
================================================================
网友评论