JavaScript学习第一篇

在学习之前让我们了解了解JavaScript的由来

  Javascript是一种web技术,最初起名叫LiveScript,它是Netscape开发出来一种脚本语言,其目的是为了扩展基本的Html的功能,用来替代复杂的CGI程序来处理web页表单信息,为web页增加动态效果。当Java出现以后.Netscape和Sun公司一起开发了一种新的脚本语言,他的语法和Java非常的类似,所以命名为:Javascript.

  在扩展一下ECMA:它是由Microsoft,Netscape(网景公司)和其它脚本语言商决定成立一个国际组织,并将其命名为ECMA,改组织专门从事脚本语言标准的制定,ECMA制定的脚本语言被称为ECMAScript

有人肯定在想JavaScript和ECMA有什么关系?

  他们的关系就是所有的javascript都遵循ECMA的标准。就好像html4.0网页头部声明符合W3C规范一样。

一、JavaScript介绍

  js是一门在客户端进行交互的网页编程语言

  特点:简单易用 ,基于对象:,基于过程:

  解释执行: js js引擎来执行源代码

 

  编译执行: Java c# 源代码 ==>可执行文件.dll ==>电脑执行.dll课执行文件

  使用范围:表单验证,轮播图特效,游戏开发

二、JavaScript书写位置

  内嵌式写法

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript">
    alert("hello world");
</script>
</head>
<body>
    
</body>
</html>

 

 

 

 

  外链式写法 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
 <script type="text/javascript" src="XXXX.js"></script> 
</head>
<body>
    
</body>
</html>

新建一个js文件
通过script标签里的src=”xxxx.js”属性将JS文件调入到当前页面。补充内嵌式写法:推荐Js代码最好放在body结束标签的后边。补充外链式写法:推荐将多个js文件合并为一个js文件在浏览器中执行。

三、Js初体验

  在页面中输出消息的几种写法

  alert(“信息”)   在页面出现一个弹出框,将信息弹出。

  confirm(“信息”) 在页面出现一个弹出框,将信息显示,常与if判断语句结合使用。

  prompt(“信息”)  弹出一个文本框,可以在文本框接收内容。常用于接收信息。

  console.log(“信息”)将信息输出到控制台,常用于代码调试。

  document.write(“信息”) 直接在页面输出消息。

  代码注释

    快捷键:ctrl+/:单行注释   //、多行注释/*   */

  分号的问题:一行代码结束后,必须在后边加上分号。 

四、变量(重点)

  定义变量:定义变量使用var  来定义变量名。使用赋值运算符来给变量赋值

    赋值运算符赋值运算符为“=”,这个等号不用判断两者是否相同。如果判断是否相同,可使用==(===)

  变量的命名规范:

    不能使用纯数字或者数字开头来定义变量名。

    不推荐使用汉字来定义变量名。

    不能使用特殊符号或者特殊符号开头来定义变量名(_除外)

    不能以关键字来定义变量名

    不能使用保留字来定义变量名

    注意:在JS中,是严格区分大小写的。

五、数据类型

    简单类型

      number     数字类型

        包括正数,负数,小数

          取值范围:能表示的最大值是±1.7976931348623157乘以10的308次方,能表示的最小值是±5 乘以10的-324次方

       string     字符串

        凡是用””或者’’引起来的全是字符串类型。

         转义字符:
          \” 转双引号
          \’ 转单引
          \r 回车
          \n 换行

       boolean    布尔类型:布尔数据类型两个数据值: true false、实际运算中,true 代表1 false代表0;

       undefined   未初始化: 定义了变量,未赋值。

       null  : object(值为空)   引用为空,    内存里找不到这个变量。

    复杂类型:object   对象、array    数组

六、运算符

  1、比较运算符:<  >    >=   <=   !=

  2、算术运算符

    加运算:+ :两个数据类型都为数字类型变量相加,得到的是数字类型。一个为数字类型的变量和一个为字符串类型的变量相加,得到的是一个字符串类型,加号起一个连接的作用。

    减运算:- :如果两个变量都为数字类型相减,得到的是数字类型。如果一个为数字类型的变量,一个为数字字符串,相减得到的是数字类型。如果一个为数字类型的变量,一个为非数字字符串,相减得到的NaN,数字类型。NaN  not   a  number。两个都为字符串的变量相减,得到的是NaN.

    除运算 /:两个都为字符串的变量相减,得到的是NaN.两个都为数字类型的变量,相除得到的是数字类型。如果一个为数字类型的变量,一个为数字字符串变量,相除得到的是数字类型。如果一个为数字类型的变量,一个为非数字字符串,相除得到的NaN,数字类型。如果0作为除数,得到的是infinity(无限大),是一个数字类型。

    %  取余数:() 优先级  先计算()括号里边的值。  

  3、逻辑运算符

    或(||):参与运算,只要满足一个为true,或运算最后的值为true、参与运算的值都为false,或运算最后的值为false.

      且(&&):参与运算,只要满足一个为false,或运算最后的值为false、参与运算,都为true的时候,且运算最后的值为true.

      非(!):如果运算结果为true,非运算结果为false、如果运算结果为false,非运算结果为true.

  四、等号运算符

    “=”  赋值预算符

    “==” 比较运算符:只判断内容是否相同,不判断数据类型。

    “===” 比较运算符:不仅判断内容是否相同,还判断数据类型是否相同。

    “!=” 不等于:只判断内容是否不相同,不判断数据类型。

    “!==” 不等于:不仅判断内容是否不相同,还判断数据类型是否相同。

  五、代码调试(重点)和三元运算符

    代码调试(重点)

      先让程序运行一遍
      快捷键f12

      添加监控变量
        1:鼠标放到变量上可以看到值
        2:选中变量,右键add to watch
        3:点击加号,添加监控变量。

    三元运算符

      语法     表达式?如果表达式的值为true,执行表达式后边的代码,如果值为false,执行冒号后边的值。

      三元运算符可以理解为if..else的另外一种写法。

 

posted @ 2017-11-08 17:12  咖啡里的茶。  阅读(151)  评论(0编辑  收藏  举报