码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基本语法

时间:2019-09-11 18:23:00      阅读:21      评论:0      收藏:0      [点我收藏+]

标签:image   获取   define   html元素   jscript   not   var   方式   color   

一、JavaScript简介

* 概念:    一门客户端脚本语言
    * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
    * 脚本语言:不需要编译,直接就可以被浏览器解析执行了

* 功能:
    * 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。

* JavaScript发展史:
    1. 1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为 : C--    ,后来更名为:ScriptEase
    2. 1995年,Netscape(网景)公司,开发了一门客户端脚本语言:LiveScript。后来,请来SUN公司的专家,修改LiveScript,命名为JavaScript
    3. 1996年,微软抄袭JavaScript开发出JScript语言
    4. 1997年,ECMA(欧洲计算机制造商协会),制定出客户端脚本语言的标准:ECMAScript,就是统一了所有客户端脚本语言的编码方式。

    * JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)


二、JS与HTML结合

1. 基本语法:
  1. 与html结合方式
      1. 内部JS:
          * 定义<script>,标签体内容就是js代码
      2. 外部JS:
          * 定义<script>,通过src属性引入外部的js文件

      * 注意:
          1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
          2. <script>可以定义多个。



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    /*内部js*/
    <script>
        alert("hello word1");
    </script>

    /*外部js*/
    <script src="js/a.js"></script>
</head>
<body>
    <input type="text">
</body>
</html>


注释:

1. 单行注释://注释内容

2. 多行注释:/*注释内容*/


三、数据类型

数据类型:
    1. 原始数据类型(基本数据类型):
        1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
        2. string:字符串。 字符串  "abc" "a" ‘abc‘
        3. boolean: true和false
        4. null:一个对象为空的占位符
        5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined
        
    2. 引用数据类型:对象


四、变量

变量
    * 变量:一小块存储数据的内存空间
    * Java语言是强类型语言,而JavaScript是弱类型语言。
        * 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
        * 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。
    * 语法:
        * var 变量名 = 初始化值;
    
    * typeof运算符:获取变量的类型。
        * 注:null运算后得到的是object


---------------------------------------------------------------
定义变量:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script>
        /*定义变量*/

        //定义number类型的变量
        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;
        //输出到页面上
        document.write(num + "<br>");
        document.write(num2 + "<br>");
        document.write(num3 + "<br>");

        //定义string变量
        var str = "abc";
        var str2 = "cdf";
        document.write(str + "<br>")
        document.write(str2 + "<br>")

        //定义boolean变量
        var flag = true;
        document.write(flag + "<br>")

        //定义null,undefind
        var obj = null;
        var obj2 = undefined;
        var obj3;
        document.write(obj + "<br>")
        document.write(obj2 + "<br>")
        document.write(obj3 + "<br>")

    </script>
</head>
<body>

</body>
</html>


typeof:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script>
        /*定义变量*/

        //定义number类型的变量
        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;
        //输出到页面上
        document.write(num + "-->" + typeof(num) +"<br>");
        document.write(num2 + "-->" + typeof(num2) + "<br>");
        document.write(num3 + "-->" + typeof(num3) + "<br>");

        //定义string变量
        var str = "abc";
        var str2 = "cdf";
        document.write(str + "-->" + typeof(str) + "<br>");
        document.write(str2 + "-->" + typeof(str2) + "<br>");

        //定义boolean变量
        var flag = true;
        document.write(flag + "-->" + typeof(flag) + "<br>");

        //定义null,undefind
        var obj = null;
        var obj2 = undefined;
        var obj3;
        document.write(obj + "-->" + typeof(obj) + "<br>");  //object类型
        document.write(obj2 + "-->" + typeof(obj2) + "<br>");
        document.write(obj3 + "-->" + typeof(obj3) + "<br>");

    </script>
</head>
<body>

</body>
</html>

JavaScript基本语法

标签:image   获取   define   html元素   jscript   not   var   方式   color   

原文地址:https://www.cnblogs.com/weiyiming007/p/11507409.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!