JavaScript基础知识

2017-09-29  本文已影响0人  曉明儿

简介 :

JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于对象的语言。

它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

使用方法:

1.内嵌方式:在HTML页面加入<script></script>标签,把代码写在标签里。

<head lang ="en">

     <meta charset = "UTF-8">

     <title>我的第一个HTML页面</title>

     <script  type="text/javascript">

             alert("JavaScript成功执行了");

     </script>

</head>

2.外部引用:把JavaScript代码单独写在一个文本文档里,修改后缀名为.js。在需要使用的时候引用。

first.html::

<head lang = "en">

      <meta charset= "UTF-8">

      <title>我的第一个HTML页面</title>

     <script type = "text/javascript" src = "myJS.js"></script>

</head>

first.js::

alert("我来自myJS.js。看到我说明外部引用成功了");

注意事项:

1.所有符号,包括括号,分号,逗号等都应使用英文符号。

2.区分大小写。

3.不要让浏览器阻止了你的JavaScript。(默认阻止本地运用的JS)

变量:

1.在JavaScript中使用var关键字来定义变量,如:

<script type = "text/javascript">

      var age = 20;

      var name = "小李";

      var height = 1.75;

      alert("我是:"+name);

      alert("我今年:"+age);

      alert("身高:"+height);

</script>

注意:JavaScript是弱类型的语言,定义变量一律使用var关键字。

2.数字类型

JavaScript只有一种数字类型,可以带小数点,也可以不带。

var age= 20;

var height = 175.5;

3.字符串类型

用单引号或者双引号包围的字符。

var name= '张三';

var address = "中国北京";

注意:单引双引必须匹配,即单引开始,单引结束。

4.布尔类型

有两个值。true和false。

true:表示真/false:表示假

5.null

一个关键字,表示某对象没有值。

6.undefined

以下两种情况将得到undefined

试图访问对象中不存在的属性/变量定义之后没有赋值

7.null和undefined区别

null表示一个对象的所占用的内存是null,是可以使用的。

undefined表示这个对象声明后没有分配内存,或这个属性不存在。

比较运算符

==等于

===全等(值和类型)

!=不等于

语句:

1.if语句

if(表达式){

//如果表达式为真,则执行括号里的内容,为假,则不执行

}

2.if...else...语句

if(表达式){

//表达式为真,执行我

}else{

//表达式为假,执行我

}

3.if...else if...else if...

if(表达式1){

//表达式1为真,执行我

}else if(表达式2){

//表达式2为真,执行我

}else if(表达式3){

//表达式3为真,执行我

}else{

//都假,执行我

}

4.switch语句

switch(值){

case 值1 :

case 值2 :

case 值3 :

default:

}

switch的值和对应的case匹配

哪个项匹配,就执行哪个

5.while循环

while(循环成立条件){

循环体

}

循环成立条件:为真则一直执行,为假则退出。

6.for循环

for(初始化;循环成立的条件;自增){

循环体

}

初始化:只在开始执行一次

循环成立的条件:如果条件为真,则继续执行,为假则退出

自增:循环每次执行后都执行一次,一般做自增控制

7.continue:本次循环结束,进入下一次

如果一个循环能执行N次,每次执行continue只结束当前的第1/N次,进入下一次。

8.break:结束与之最近的循环。

如果一个循环能执行N次,执行break后,循环退出。

9.点击事件:onclick()

<input type = "button" value ="点击" onclick="fun()">

10.函数:function

function fun(){

alert("点击后,才能看到我哦");

}

上一篇下一篇

猜你喜欢

热点阅读