js基础

1 对象
对象的创建
person = new Object()
person.name = “wan”;
person.age = “23”;
document.write(person.name + “的年纪是 “+ person.age)

2 函数
函数的创建
function wan( name ,age){
alert(“welcome” + name )
}

函数的返回值
function wan(){
return 5 ;
}
这里函数的返回值可以用变量去接收
例如:var number = wan();
document.getElementById(“demo”).innerHTMl = wan();

同时也可以用return来控制返回的值

3 运算符
略
类似于Java中的三目运算符
var wan = (condition) ? A : B
如果括号中的条件成立就赋值 A 否则就赋值 B
4 条件 if else 略

5 for 循环
for - 循环代码块一定的次数
for / in 逊汗遍历对象的属性
while 当指定条件为true时循环指定的代码块
do /while 同样是指定条件为true时循环指定的代码块

实例
for(var i = 0;i<100;i++){
x = x + “shuzishi” + i;
}

for/in
var x;
var person = {name:”wanzhiwei”,age:25,address:”shanghai”}
for( x in person){
document.write(person.[x])
}

while 与 dowhile 区别在于 do while 不管条件是什么，但是至少执行一次，这个比较简单，不多 bb

break 和continue的区别
break 用来跳出循环，循环就终了
而continue是用来跳过一次循环，跳过此次循环后循环继续执行

6 try catch 以及抛出异常
这个基本和Java是差不多的，比较简单

7 通过dom 来获取html 文档中的所有元素
1） 通过 id 来寻找元素
var x = document.getElementById(“wan”);
var y = x.getElementByTagName(“p”)
找到元素后可以改变元素的一些属性、
x.innerHTML = new HTMl
x.src = “wanzhiwei.jpg”
x.style.color = “blue”

可以把这些操作添加到点击事件中去
onclick = “document.getElementById(“id).style.color=”red”“;

8 事件
一些事件的例子
1 当用户点击鼠标时
2 当网页已经加载时
3 当图像已经加载时
4 当鼠标移动到元素上时
5 当输入的字段改变时
6 当提交html时
7 当用户触发按键时

例 1

点我试试

这里的this我觉得应该是本类对象吧，和Java中的用法是一致的

例2
从事件中调用一个函数
function changge(Id){
id.innerHTML = “hahahah”;
}
onclick = “changge(this)”

例3
使用html dom 来分配事件
向button元素中分配onclick 事件
document.getElementById(“wan”).onclick = function(){
displayDate()
}

4 onload 和onunload 事件
这两个事件分别为当用户进入页面或者是离开页面时被触发

onload 事件可以用来检测浏览器类型和浏览器版本，并基于这些来加载网页的正确版本

onUnload事件和onload事件可以用来处理cookie

5 onchange 事件

onchange 事件结合对输入字段的验证来使用

6 onmouse over 和onmouseout
鼠标移入和鼠标移出事件

7 onmousedown 和onmouseup 事件
鼠标点击按住，和释放事件

9 创建和删除html中的节点 下次再看吧。。。。