JS事件:
单击事件:onClick
改变事件:onChange
选中事件:onSelect
获得焦点事件:onFocus
失去焦点:onBlur
载入文件:onLoad
卸载文件:onUnload
Math.pow(a,b);得到a的了b 次方的值
Math.round(a);得到a四舍五八后的值。
Math.Ceil(1.01);向上取值
Math.floor(1.9);向下取值
Math.max(a,b,c...);从这组数中取出最大的值(最少为两个数)
Math.random();随机生成一个0到1的随机数:
Boolean可以将任意的内容转成boolean类型,并且都为true,但是0除外。
其实boolean类型的本质就是0跟1;
0---->false
1---->true
事件:onclick :鼠标单击 (mouse 鼠标的意思)
ondblclick :鼠标双击
onkeyup :按下并释放键盘上的一个键是触发
onchange :文本内容或者下拉菜单中的选项发生改变
onfocus :获得焦点,表示文本框获得鼠标光标
onblur :失去焦点,表示文本框等失去鼠标光标
onmouseover 鼠标悬停,即鼠标停留在在图片等的上方
onmouseout 鼠标移出,即离开图片所在的区域
onload 网页文档加载事件
onunload 关闭网页时
onsubmit 表单提交事件
onreset 重置表单时
事件三要素语法格式:
事件源.事件 = function() {事件处理语句;} //匿名函数
-*******************************************************
Js 可以分为行内式 内嵌式 外链式、、
布尔型
逻辑值 结果就是两个 ture false
False,undefined,null,””为false ;
Ture , 1,”somestring”.[objrct]为ture;
所以的数字都为真 0是假、、
所有的字符串都事真 “”为假
转换为布尔型。
1.!!num 转换为布尔值
2.Boolean()
parseInt 取整函数
parseInt 字符,表示要解析的数字的基数
js 基本数据类型有那几种?
Number , string , Boolean , null , undefined
有一个文本框的表单,id是txt ..请问,我们如何得到这个文本框的值?
Docunment.getelementbyid(“txt”).value;
更改盒子的内容
想更改标签里面的内容:innerHTML
只有表单才有value值、我们的div 和span 是没有value 的、
!!两个叹号转换为布尔值。
金字塔案例:
<script>
For(var i=0; i100; i+=3) {
Docunment.write(“<hr width = “+i+”%/>);
) </script>
数组声明:
var arr = []; 表示一个数组
var arr = new Array();
例子:var arr = [“刘德华”,”郭富城”];
每个参数后面用逗号隔开,最后一个不跟逗号。
每个数组里面的参数都是唯一的。这个序号我们称为索引号。索引号从0开始、 length长度比索引号大1
给某些div更改样式;
Divs[0].style.backgroundColor = “red”;
This 指针。This指向的事函数的调用者 (谁调用了函数,this 就指向谁。
三目运算符:
表达式 ? 结果1 :结果 2 它就等价于 if else
如果条件表达式为假,则返回结果2的值、 ---(结果只能选其中一个
-----------------------js第四天内容-----------
遍历数组:
For(var i=0;i<arr.length;i++){ console.log(arr[i]) ;}
循环 –while() do while for 三个循环
While(条件) {} do {} while(条件)
排他思想:首先清楚所有人,再剩下我自己。
<script>
Var btns = document.getElementsByTaName(“button”);
For (var i=0; i<btns/length;i++) {
Btns[i].onclick = function() {
For(var j=0; j<btns.length;j++) {
Btns[j].className = “”;
}
This.className = “current”;
}
}
</script>
------------------第五天内容
Push() 从后面追加 想数组的末尾添加一个或者多个元素,并返回新的数组长度。
var arr = [1,3,5,7]; // 原数组
arr.push(9); //把 9 添加 arr 的最后面
console.log(arr); // 13579
数组的常会也随之会发生改变。
Unshift() 方法可向数组的开头添加一个或更多的元素,并返回新的数组长度。
Pop 移出最后一个元素
Pop() 移出最后一个元素 和push 正好相反
返回的值是返回的最后一个值。
而且这个pop 每次只删除一个,因为他的括号里面是没有参数的。
输出第一个元素 shift()
Shift 和 unshift 正好相反
Shift 删除第一个 unshift 从第一个开始添加
// shift 删除第一个元素 并且返回第一个值
var arrshift = ["a","b","c"];
console.log(arrshift.shift()); // a
console.log(arrshift); // [b,c]
arrshift.shift(); // 吧b 删掉了, 并且返回 b
console.log(arrshift); // 只剩下一个c
连接数组 a.concat(b) 把a数组和b连接起来,并组成了一个新数组
Join()将数组转换为字符串。、
Solit()将夫妇穿转换成数组
JavaScript 组成
核心(ECMAScript)
描述了JS 的语法和基本对象,比如变量区分大小写等。、
文档对象模型 (DOM)
处理网页内容的方法和接口 比如怎么得到某个表单的值。怎么去关闭某个div
浏览器对象模型(BOM)
于浏览器交互的的方法和接口、
getElementById(“demo”) id为标记的#demo
getElementsByTagName(“div”) 所有的div
getElenmentByClassName(“one”) 所有的类名为one 的
节点的访问
父级 parentNode 亲的父亲。爷爷都不算。
兄弟节点:
nextSibling 下一个兄弟 ie678 的写法。
nextElementSibling 谷歌,火狐的写法。
previousSibling 上一个兄弟, ie678
preciousElementSibling 火狐,谷歌、
注意: 一定先写 nextElementSibling ,因为谷歌认识nextSibling,但是谷歌会报错,所以我们优先执行 nextElementSibling 。
我们想要得到所有的孩子 , 所有的, 亲生儿子 。 其他的孙子辈的不算。
1. - children 这个是庶出 ie 发明的 我们现在用最多的。 几乎没有兼容性 。 其他浏览器都支持
2. 因为children 再 ie678 里面 包含注释节点 要注意一下。 可以避免开的。
-----------js第六天
页面加载函数:window.onload = function() {语句;}
复习: 数组常用的方法 : 添加 删除 连接 转换字符串 ..
push() 推 后面追加 a.push(b) 把b放到追加a 的后面 特别像 a.appendChild(b) 只不过一个是操作 数组 一个是操作 DOM .
unshift() a.unshift(b) 把b 放到 a数组的第一个位置上。
pop() 后面删除 没有参数,只删除最后一个 shift() 前面删除一个
声明日起函数 首先 声明:
Var aa = new Date(); getHours 获取小时: 0-23
getDate() 获取日 1-31 getMinutes () 获取分钟 0-59
getDay() 获取星期 0-6 getSeconds () 获取秒 0-59
getMonth() 获取月 0-11 getMilliseconds () 获取毫秒
getFullYear() 获取完整的年份
setInterval(“console.log(‘你好吗’)”,1000);
每隔一秒就去调用一次。Console.log这个语句。
我们大部分会用函数代替:
setInterval(fun,1000);
js第7天
运算级的优先级
1 () 括号
2 !、-、++、-- 一元
3 *、/、% 乘除求余
4 +、- 加减
5 <、<=、<、>= 小于等于
6 ==、!=、===、!==、 关系操作符
7 && 与
8 || 或
9 ?: 三木运算符
10 =、+=、-=、*=、/=、%= 赋值 计算完毕,再给值
0&& 1 ==0 0与任何数都是0
0||1 == 1 0或任何数都是任何数
定时器之 setTimeout
srtInterval(fn,1000) 每隔1秒。就执行一次 fn 函数
setTimeout(fn,1000) 1秒钟之后,去执行一次fn 函数。就over ;
offfset家族。(offset偏移的意思)
offsetWidth = width + border + padding (就是盒子实体的大小)
缓动动画公式
Leader = leader + (target-leader) /10
Leader 盒子本身的位置 target 盒子的目标位置
匀速动画:盒子本身的位置 + 步长
scrollTop scrollLeft
这是SCROLL家族中最重要的两个。Scroll 滚动的意思
Window.onscroll = function() {语句}
Json对象
Json是一种轻量级的数据交换格式,我们称之为javaScript 对象表示法。使用json 进行数据传输的优势之一。Json实际上就是javaScript
Json就像一个配置单:var json = {age:10,name:”刘德华”}
事件对象(event)
用来检测我们鼠标 。距离我们电脑屏幕的距离
拖拽效果:
Onmouseover 鼠标经过
Ommouseout 鼠标离开
Onmousedown 鼠标按下
Onmouseup 鼠标弹起
Onmousemove 鼠标移动