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组成如下:

 

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标签中。

 

 

 

外加一个object

课堂案例:

 <script type="text/javascript">

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

        var date = new Date();

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

        document.write("width::" + typeof (width)+ "<br/>");

        document.write("height::" + typeof (height)+ "<br/>");

        document.write("name::" + typeof (name)+ "<br/>");

        document.write("date::" + typeof (date)+ "<br/>");

        document.write("arr::" + typeof (arr)+ "<br/>");

        document.write("true::" + typeof (true)+ "<br/>");

        document.write("null::" + typeof (null)+ "<br/>");

        

</script>

输出结果如下:

 

 

 

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中的一个对象,它有一组属性和方法

 

 

 

 课堂案例:

document.write("数组的常用属性length<br/>");

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

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

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

        }

        document.write("<br/>");

        document.write("join方法的使用<br/>");

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

        document.write("<br/>");

        document.write("for in语法<br/>");

        for (var item in arr) {

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

        }

        document.write("<br/>");

        //以下是sort方法:

        arr.sort();

        document.write("排序后----------------<br/>");

        for (var item in arr) {

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

        }

        document.write("<br/>");

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

        document.write("调用push方法后---------------------<br/>");

        for (var item in arr) {

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

        }

  输出结果:

 

 

 

13.注释

 

   Js中单行注释://

   JS中多行注释: /**/

14.程序调试

  方案一:在VS中调试

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

         02.设置断点

         03.按F5启动调试

  方案二:chrome浏览器调试

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

            02.设置断点

           03.刷新页面

  方案三:IE浏览器

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

            02.切到脚本选项卡

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值