javaScript知识点总结

DOM:文档对象模型

1，找到元素：x=document.getElementById("demo");

2.改变内容：x.innerHTML="改变的内容";

3.isNaN：用来检测是不是数字的值;

4.$(this)取出当前对象并转换为jQuery对象,能调用jquery的方法，例如click(), keyup()；而this,则是html元素对象，能调用元素属性，例如this.id,this.value

5. console.log() 调试

6.JavaScript 声明数组 var cars=new Array(); 或者 var cars=[]

7.if...else  if...else语句

语法：

if（条件1）{
当条件1为true的时候执行
}else if(条件2){
当条件2为true的时候执行
}else{
当条件1和条件2 都不为true的时候执行
}

8.switch

switch (d)
{
    case 6:x="今天是星期六";
    break;
    case 0:x="今天是星期日";
    break;
    default:
    x="期待周末";
}

9.write 

write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

10.For/in循环（循环遍历对象的属性）

var person={fname:"John",lname:"Doe",age:25}; 
 
for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

11.where 循环

while（条件）{
需要执行的代码
}

12.do/where循环

do{
需要执行的代码
}
while（条件）；

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环

13.break/Continue区别

break 语句可用于跳出循环。

for（i=0；i<=10;i++）{
  if(i==3) continue;(continue 语句跳出循环后，会继续执行该循环之后的代码)
  x=x+"the numner is" + i +"";
}

14.HTML表单的自动验证

 <input type="text" name="fname" required="required">required 表单的自动验证

15.E-mail验证

function validateForm(){
  var x=document.forms["myForm"]["email"].value;
  var atpos=x.indexOf("@");
  var dotpos=x.lastIndexOf(".");
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
    alert("不是一个有效的 e-mail 地址");
    return false;
  }
}

16.函数是对像

function myFunction(a, b) {
    return arguments.length;
}
返回的值为2

17.this关键字

一般而言，在Javascript中，this指向函数执行时的当前对象。

18.改变html页面的内容

<script>
document.getElementById("p1").innerHTML="新文本!";
</script>

19.改变html属性

document.getElementById(id).attribute=新属性值

20.改变html样式

document.getElementById(id).style.property=新样式

21.toUpperCase()用于将字符串小写变大写

     toLowerCase  转化为小写

    onmouseover鼠标移上时发生 

     onmouseout鼠标移除时发生