zoukankan      html  css  js  c++  java
  • JavaScript基本语法

    一、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>
  • 相关阅读:
    android Scroller类的理解
    android 小方法
    android 小知识点
    【转】Android TouchEvent事件传递机制
    android 自定义控件二之仿QQ长按删除
    android ExpandAbleListView控件
    android AChartEngine图标引擎
    2018.11.07-1117-无序字母对 character
    2018.11.07-4031-reverse
    2018.11.07-1015-幸运字符串查询 (lucky)
  • 原文地址:https://www.cnblogs.com/weiyiming007/p/11507409.html
Copyright © 2011-2022 走看看