初识JavaScript

1)什么是javaScript

    1)javaScript是一种基于对象和事件驱动、并具有安全性能的脚本语言:(解释执行的)

        编译执行:源代码-----》中间文件(Java 字节码文件 C# MSIL)----》特定语言的虚拟机()

        解释执行:源代码------》浏览器引擎   V8

    2)javaScript特点

        向HTML页面中添加交互行为

        脚本语言,语法和java类似

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

    3)javaScript组成

        初识JavaScript


    4)javaScript的基本结构

    初识JavaScript

    5)小案例

    初识JavaScript

    运行结果:

    初识JavaScript

    6)JavaScripe执行原理

    初识JavaScript

2)网页中引用JavaScript的方式

1)外部JS文件

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

 1)小案例:

        初识JavaScript

初识JavaScript

运行结果与上述一样


 2)直接在HTML标签中

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

初识JavaScript

JavaScriptd的組成:

初识JavaScript


3)JavaScript核心语法

初识JavaScript

    1)先声明变量再赋值

        var - 用于声明变量的关键字

        width - 变量名

        var  width;    width=5;   

        这里如果赋值的是整数形式,那返回值类型就是数值形式,赋值字符就返回字符形式

    2)同时声明和赋值变量

        var catName = "很皮";

        var x,y,z =10 ;

    3)不声明直接赋值  !!!!

        width = 5 ;   不建议使用

        经验:变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用

    初识JavaScript

4)数据类型:

        1.undefined  var width ; 变量width 没有初始值,将被赋值undefined

        2.null   表示一个空值  与 undefined 值相等

        3.number   var iNum=23; 整数     var  iNum=23.0;  浮点数

        4.boolean  true 和 false       

初识JavaScript

        5.string  一组被引导 ( 单引号或双引号 ) 括起来的文本  var string1="This is a string";

        6.Object  

5)typeof运算符

        typeof检查变量的返回值

        typeof运算符返回值如下

            1.undefined : 变量被声明后,但未被赋值

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

            3.Boolean :true 和 false

            4.number : 整数或浮点数

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

    初识JavaScript

    运行结果:

    初识JavaScript

 6)String 对象

    属性:字符串对象.length     var  str="this is javaScript";   var  strLeng=str.length; //长度是18

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

    初识JavaScript

    6)数组:

        创建数组:

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

        为数据元素赋值:

         var  fruil = new Array(“xx”, "xx" , “xx”);

         fruil[0]="xxx";

        数组的常用属性和方法:

        初识JavaScript

        初识JavaScript

        运行结果:

        初识JavaScript

        详细属性和方法请参考文档

        http://www.w3school.com.cn/jsref/jsref_obj_array.asp

7)运算符号:

        初识JavaScript

        逻辑控制语句:if 条件语句

        初识JavaScript

8) 逻辑控制语句:switch语句

        初识JavaScript

9) for , while , for in 循环语句:

        初识JavaScript

10) 循环中断:

        初识JavaScript

11)注释

        单行注释 //

        多行注释 /*  */      快捷键 ctrl+shift+/

12)常用的输入/输出

        alert();

        alert(“提示信息”);

        初识JavaScript

        初识JavaScript

13) 语法约定:

        1.代码区分大小写

        2.变量,对象和函数的名称

        3.分号  用于结束一句代码

4)程序调试

初识JavaScript

5)JavaScript 常用语法---函数

    什么是函数:

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

    使用更简单:不用定义属于某个类,直接使用

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

    常用系统函数:

    parseInt("86");           将字符串转换为整形数字

    parseFloat("33.33");   将字符串转换为浮点型数字

    isNaN();                    用于检查其参数是否是非数字:函数用于检查其参数是否是非数字,

    语法如下

    isNaN(‘x’);      如果 x 函数是特殊非数字,则返回true  否则返回 false     例如: isNaN(“123”);

    自定义函数

    function  函数名 (参数1,参数2,参数3)

    {

        //javascript 语句

        return  返回值     可有可无

    }

    调用函数:

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

    事件名 = “函数名()”;

    初识JavaScript

    调用有参函数:

    初识JavaScript

    初识JavaScript


    变量的作用域:

    事件:

    初识JavaScript