JavaScript基础篇

JavaScript 对大小写是敏感的。

javaScript输出
   1:使用window.alert()弹出警告框。

  2:使用docnment.write()方法将内容写到HTML文档中。

  3:使用innerHTML写入到HTML元素。

  4:使用console.log()写入到浏览器控制台。

javaScript数据类型

1:数组

  ①  var cars=new Array();
  cars[0]="Saab";
  cars[1]="Volvo";
  cars[2]="BMW";

  ② var cars=new Array("Saab","Volvo","BMW");

  ③ var cars=["Saab","Volvo","BMW"];

  ①②③三种方式异曲同工

2:对象

  ①对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。 属性由逗号分隔var person={firstname:"John", lastname:"Doe", id:5566};

  ②对象属性有两种寻址方式:name=person.lastname;  name=person["lastname"];

3:对象方法

对象的方法定义了一个函数,并作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函 )。例如:name = person.fullName();

<script>

var person = {

    firstName: "John",

    lastName : "Doe",

    id : 5566,

    fullName : function(){

       return this.firstName + " " + this.lastName;

    }

};

document.getElementById("demo").innerHTML = person.fullName();

</script>

JavaScript字符串

1:字符串获取长度

使用内置属性length来计算长度。

    例如:var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

var txtlength = txt.length;

2:特殊字符

    反斜杠是一个转义字符 转义字符将特殊字符转换为字符串字符:

转义字符 (\) 可以用于转义撇号,换行,引号,等其他特殊字符。

下表中列举了在字符串中可以使用转义字符转义的特殊字符:

\'

单引号

\"

双引号

\\

反斜杠

\n

换行

\r

回车

\t

tab(制表符)

\b

退格符

\f

换页符

    

 

3:字符串可以是对象

通常, JavaScript 字符串是原始值,可以使用字符创建: var firstName = "John"

但我们也可以使用 new 关键字将字符串定义为一个对象: var firstName = new String("John")

var x = "John";
var y = new String("John");
typeof x // 返回 String    typeof:检测数据对象)
typeof y // 返回 Object

JavaScript条件语句

1if...else语句

  if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码

  if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码

  if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

2switch 语句用于基于不同的条件来执行不同的动作。

  switch(n) { 

    case 1: 执行代码块 1

      break;

    case 2: 执行代码块 2 

      break;

    default: 与 case 1  case 2 不同时执行的代码

  }

 

3for循环

  for (语句 1; 语句 2; 语句 3){
      被执行的代码块
  }

  语句 1 (代码块)开始前执行

  语句 2 定义运行循环(代码块)的条件

  语句 3 在循环(代码块)已被执行之后执行

4:for...in 语句循环遍历对象的属性。

  var person={fname:"John",lname:"Doe",age:25};

  for (x in person) { 

    txt=txt + person[x];

  }

  注意: for...in 循环中的代码块将针对每个属性执行一次。

 

5while 循环会在指定条件为真时循环执行代码块。

  while (i<5) { 

    x=x + "The number is " + i + "<br>";

    i++;

  }

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

  do { 

    x=x + "The number is " + i + "<br>";

    i++;

  } 

  while (i<5);

 

JavaScript计时事件

1setInterval() - 间隔指定的毫秒数不停地执行指定的代码。

 clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

   setTimeout() - 在指定的毫秒数后执行指定代码。

  clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。

 

posted @ 2019-03-19 19:59  搜戴斯  阅读(205)  评论(0编辑  收藏  举报