JavaScript基础

什么是JavaScript

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言

JavaScript特点

向HTML页面中添加交互行为

脚本语言，语法和Java类似

解释性语言，边执行边解释

JavaScript组成

 JavaScript的基本结构

<script type="text/javascript">    

<!—           JavaScript 语句;     —>

</script >

网页中引用JavaScript的方式

使用<script>标签

外部JS文件

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

直接在HTML标签中

<input name="btn" type="button" value="弹出消息框"      οnclick="javascript:alert('欢迎你');"/>

JavaScript核心语法

变量，数据类型，数组，运算符号，控制语句，注释，输入/输出，语法约定。

变量：

先声明变量再赋值：var   width; width = 5;

同时声明和赋值变量：var catName= "皮皮"; var x, y, z = 10;

不声明直接赋值：width=5;

数据类型：

undefined：var width; 变量width没有初始值，将被赋予值undefined

null：表示一个空值，与undefined值相等

number：var iNum=23;   //整数 var iNum=23.0;   //浮点数

boolean：true和false

string：一组被引号（单引号或双引号）括起来的文本 var string1="This is a string";

typeof运算符：typeof检测变量的返回值

                        typeof运算符返回值如下

1.undefined：变量被声明后，但未被赋值

2.string：用单引号或双引号来声明的字符串

3.boolean：true或false

4.number：整数或浮点数

5.object：javascript中的对象、数组和null

String对象：

属性 字符串对象.length

方法:var str="this is JavaScript"; var strLength=str.length;    //长度是18

字符串对象.方法名();

 数组:创建数组

语法var  数组名称 = new Array(size);

 数组的常用属性和方法：

 运算符号：

 逻辑控制语句

if条件语句：if(条件) {    //JavaScript代码; } else {   //JavaScript代码; }

switch多分支语句：switch (表达式) {    

case 常量1 :               JavaScript语句1;     break;        

case 常量2 :      JavaScript语句2;      break;          ...        

default :              JavaScript语句3;     }

for、while循环语句：for(初始化;  条件;  增量)  {       JavaScript代码;  } while(条件)  {       JavaScript代码; }

for-in:var fruit=[ "apple", "orange", "peach","banana"]; for(var i in fruit){        document.write(fruit[i]+"<br/>"); }

循环中断:

break 

<script type="text/javascript"> var i=0; for(i=0;i<=5;i++){     if(i==3){                    break;          }   document.write("这个数字是："+i+"<br/>"); } </script>

continue

<script type="text/javascript"> var i=0; for(i=0;i<=5;i++){     if(i==3){                    continue;        }   document.write("这个数字是："+i+"<br/>"); } </script>

常用的输入/输出:

alert()：语法alert("提示信息");

 prompt()：语法prompt("提示信息", "输入框的默认信息");

                        prompt("请输入你喜欢的颜色","红色");

                        prompt("请输入你喜欢的颜色","");

语法约定：代码区分大小写 变量、对象和函数的名称 分号

程序调试：

Chrome开发人员工具

停止断点调试

单步调试，不进入函数体内部

单步调试，进入函数体内部

跳出当前函数

禁用所有的断点，不做任何调试

alert()方法

函数

什么是函数

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块

使用更简单：不用定义属于某个类，直接使用

函数分类：系统函数和自定义函数

常用系统函数：

parseInt ("字符串")：将字符串转换为整型数字 如: parseInt ("86")将字符串“86“转换为整型值86

parseFloat("字符串")：将字符串转换为浮点型数字 如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45

isNaN()：用于检查其参数是否是非数字

自定义函数：

语法：function 函数名( 参数1,参数2,参数3,… ){

     //JavaScript语句

     [return 返回值]

}

调用函数：函数调用一般和表单元素的事件一起使用，调用格式          

语法：事件名＝ "函数名( )" ;

调用无参函数：调用无参函数，输出5次“欢迎学习JavaScript”

 根据输入的次数，显示“欢迎学习JavaScript“

 变量的作用域：

全局变量 局部变量

 事件：

 总结：