今天来回顾一下JS的基础和使用方法!没有提纲全靠写了= =
首先来讲下运算符好了,和C#的运算符是基本相同的
数学运算符:+ - * / % ++ --
关系运算符:== != >= <= > <
逻辑运算符:&& || !
其他运算符:+= -= *= /= %= ?
整理一下发现不是基本相同。就他妈一个样!
再来说下数组好了
数组其实也没什么不同,只是JS里没有count属性,都用length 。
数组.length获取数组长度
函数的话,JS里使用function定义函数的,有两种函数
定义函数:function add(形参){函数体}
匿名函数:function(){函数体}
(匿名函数其实挺好用的)
接下来是三种对话框
1、alert(""):警告对话框,可以用来放在JS里进行纠错
2、confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返回true,取消返回false
3、primpt("要显示的文字"):可以允许用户输入内容的对话框
接下来回顾window对象,在这里我不打算细分document之类的了,可以翻前面的html笔记
主要说一下几个重要的
window.open("打开的地址","打开的位置")
window.opener:打开此页面的上一个页面对象
window.close():关闭当前页面
想了想除了document重要的也没几个,直接说document吧
docunment.getElementById("id");根据id找,最多找一个;
docunment.getElementsByClassName("name") 根据classname找,找出来的是数组;注意中间是items不要忘了s
docunment.getElementsByName("name");根据name找,找出来的是数组;
docunment.getElementsByTagName("name");根据标签名找,找出来的是数组;
上面这4个可以总结为获取元素
再说如何操作内容
1、普通元素
取值:
alert(a.innerHTML)——会将元素内的所有内容,包括元素标记都取出来
alert(a.innerText)——只取里面的文字,忽略所有被编译元素
赋值:
a.innerHTML = "<font color=red >hello world </font>"——如果内容有元素,编译后实现
a.innerText——会将赋的东西原样呈现
2、表单元素
取值:
var t = document.f1.t1——form表单ID为f1里面的ID为t1的input;
var t = document.getElementById("id")—— 直接用ID获取。
alert(t.value)——获取input中的value值;
赋值: t.value="内容改变";
需要注意的是,表单元素中的取值统一用value
按套路来下面是操作属性了,再来说下,就3条命令
1、添加、修改属性
对象.setAttribute("属性名","属性值")——有则改之,无则加上
2、获取属性:
对象.getAttribute("属性名")——获取属性的值;
3、删除属性:
对象.removeAttribute("属性名")——移除一个属性。
写的好累。。。
操作属性讲完了,然后就是操作样式,操作样式这里只能操作标签内的style
1、添加、修改样式
对象.style.样式名称=值
2、获取样式
var ....=对象.style.样式名称
再讲一下事件的大致分类,3个成对的,一个单身狗,嗯。。
1、onclick:鼠标单击触发
ondblclick:双击触发
2、onmouseover:鼠标移动上面触发
onmouseout:鼠标离开时触发
3、onblur:失去焦点时触发
onfocus:获得焦点是触发
4、onkeyup:按键抬起来的时候触发