第一章 JavaScript基础

什么是JavaScript?

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

特点:

  向HTML页面中添加交互行为 脚本语言,

  语法和Java类似 解释性语言,

  边执行边解释

组成:

  ECMAScript     DOM    BOM

基本结构

JavaScript的核心语法有哪些?

输入/输出

语法约定

变量

数据类型

数组

运算符号

控制语句

注释

 

数据类型

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

null                       表示一个空值,与undefined值相等

number                 var num=2; //整数 var num=2.0; //浮点数

boolean                true和false

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

typeof检测变量的返回值

typeof运算符返回值如下

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

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

boolean:true或false

number:整数或浮点数

object:JavaScript中的对象、数组和null

属性

      语法       字符串对象.length      

      var str="this is JavaScript";

      var strLength=str.length; //长度是18 

方法

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

第一章 JavaScript基础_第1张图片

创建数组

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

访问数组

    数组名[下标]

常用属性方法

第一章 JavaScript基础_第2张图片

 

 第一章 JavaScript基础_第3张图片

 

 循环中断

 break       continue

输入/输出

alert()               alert("提示信息");

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

JavaScript中的程序调试的方法有哪些?

Chrome开发人员工具

   停止断点调试 单步调试,

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

   进入函数体内部 跳出当前函数

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

alert()方法

 

JavaScript中的函数如何定义?

第一章 JavaScript基础_第4张图片

 

 第一章 JavaScript基础_第5张图片

 

无参函数

例:

function study( ){

      for(var i=0;i<5;i++){

           document.write("

JS中的无参函数

");

      }

}

value="显示5次JS中的无参函数" onclick="study( )" />

 有参函数

例:

function study(count){

      for(var i=0;i

           document.write("

JS中的有参函数

");

      }

}

第一章 JavaScript基础_第6张图片

 

你可能感兴趣的:(第一章 JavaScript基础)