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表单的自动验证

  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=x.length){
    alert("不是一个有效的 e-mail 地址");
    return false;
  }
}

16.函数是对像

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

17.this关键字

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

18.改变html页面的内容

19.改变html属性

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

20.改变html样式

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

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

     toLowerCase  转化为小写

    onmouseover鼠标移上时发生 

     onmouseout鼠标移除时发生



你可能感兴趣的:(javascript)