JavaScript基础

JavaScript只是一种运行于客户端,可以被客户端浏览器解析的一段代码。它和java没有任何关系。JavaScript简称JSjQuery是对JS的一个封装

 

2 JS常用的数据类型

 Undefined(未命名类型)

 Number

String

Boolean

Null

object

3.接收用户输入信息

Var num=Prompt(“系统提示信息” ,”默认值”)

 

4.在页面中使用js的三种方式

<head>

    <title>title>

    <script src="js/jquery-1.11.1(uncompress).js" type="text/javascript">script>

    <script type="text/javascript">

        //alert('aa');

    script>

head>

<body>

   

    <input type="button" value="提交" onclick="javascript:alert('aa');"/>

body>

html>

 

5 在js中定义任何变量的类型都是var开头

6 什么是JavaScript(解释执行/编译执行)

     JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言

     JavaScript语言的特点:

     01.JavaScript主要用来向HTML页面中添加交互行为。

     02.JavaScript是一种脚本语言,语法和Java相似。

     03.JavaScript一般用来编写客户端的脚本。

     04.JavaScript是一种解释型语言,边执行边解释。

03.JavaScript发展史与ECMAScript的关系

       简而言之,ECMAScript是一种脚本语言的标准,JavaScript语言就是遵循ECMAScript标准的一种实现。

04.JavaScript的组成

     尽管ECMAScript是一个重要的标准,但它并不是JavaScript的唯一部分。当然,它也不是唯一被标准化的部分

    JavaScript组成如下:

JavaScript基础_第1张图片

 

ECMAScript

ECMAScript:是一种开放的、国际上广为接受的、标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了以下内容。

01.语法

02.变量和数据类型

   03.运算符

   04.逻辑控制语句

   05.关键字、保留字

   06.对象

 

 

 

  浏览器对象模型(BOM)

   浏览器对象模型(Browser Object Model,BOM),提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。

  文档对象模型(DOM)

文档对象模型(Document Object Model,DOM),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。

在网页中引用JavaScript的方式

     方式一:使用Script标签

     方式二:使用外部JavaScript文件

     方式三:直接在HTML标签中。

JavaScript基础_第2张图片

 

 

 

外加一个object

课堂案例:

 <script type="text/javascript">

        var width, height = 10, name = 'rose';

        var date = new Date();

        var arr = new Array();//定义数组

        document.write("width::" + typeof (width)+ "
"
);

        document.write("height::" + typeof (height)+ "
"
);

        document.write("name::" + typeof (name)+ "
"
);

        document.write("date::" + typeof (date)+ "
"
);

        document.write("arr::" + typeof (arr)+ "
"
);

        document.write("true::" + typeof (true)+ "
"
);

        document.write("null::" + typeof (null)+ "
"
);

        

script>

输出结果如下:

 

JavaScript基础_第3张图片

 

 

1.创建数组

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

 

 

 

   2.为元素赋值

       方式一:

     Var  fruit=new Array(“apple”,”orange”,”peach”,”bananer”);

 //经验:如果有些人不小心将上述语法中的小括号写成了中括号。就是造成

//数组是undefined.

      方式二:下标方式

     Var  fruit=new Array(4);

     Fruit[0]=”apple”;

     方式三:直接用[]

      Var fruit=[“apple”,”orange”,”peach”,”bananer”];

      3.访问数组元素

         通过下标访问即可。

      4.数组的常用属性和方法

         数组是JS中的一个对象,它有一组属性和方法

 

JavaScript基础_第4张图片

 

 

 课堂案例:

document.write("数组的常用属性length
"
);

        var arr = ["李小龙", "张靓颖", "巩俐"];

        for (var i = 0;i < arr.length;i++) {

            document.write(arr[i]+"\t");

        }

        document.write("
"
);

        document.write("join方法的使用
"
);

        document.write(arr.join("_"));

        document.write("
"
);

        document.write("for in语法
"
);

        for (var item in arr) {

            document.write(arr[item]+"\t");

        }

        document.write("
"
);

        //以下是sort方法:

        arr.sort();

        document.write("排序后----------------
"
);

        for (var item in arr) {

            document.write(arr[item]+ "\t");

        }

        document.write("
"
);

        arr.push("aa","bb");

        document.write("调用push方法后---------------------
"
);

        for (var item in arr) {

            document.write(arr[item]+ "\t");

        }

  输出结果:

 

JavaScript基础_第5张图片

 

JavaScript基础_第6张图片

 

13.注释

 

   Js中单行注释://

   JS中多行注释: /**/

14.程序调试

  方案一:在VS中调试

   步骤:01.将要调试的页面设置成起始页

         02.设置断点

         03.按F5启动调试

  方案二:chrome浏览器调试

       步骤:01.点击F12,将工具调出

            02.设置断点

           03.刷新页面

  方案三:IE浏览器

      步骤:01.F12,开发人员工具

            02.切到脚本选项卡

 

 

 

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