zoukankan      html  css  js  c++  java
  • javaScript---基础语法1(EMCAScript)

    top

    1.如何编写javaScript代码

    2.javaScript常用函数

    3.页面注释

    4.javascript的数据类型

    5.字符串转数字

    6.运算符

    7.逻辑运算符

    8.条件循环语句

    9.for in 语句

    10.with语句

    11.函数

    如何编写javaScript代码go top

    方式1:可以使用<script>标签体内进行编写。

    格式:

    <script type="text/javascript">
        js代码;
    </script>    

    方式2:引入外部的javascript文件。

    格式:

     <script src="js文件的地址" type="text/javascript"></script>

    注意:
    1.<script>是有开始标签与结束标签的,千万不要在一个标签中结束了。
    2.如果<script>已经用于引入了js文件,那么该<script>标签体就不能再写js代码了。

    javascript常用的函数:go top

    alert("显示的内容..") ; 弹出框

    document.write("数据") ; //向页面输出数据...


    页面的注释:go top

    html <!-- 注释的内容-->

    css的注释 /* 注释的内容*/

    javascript:

    //注释的内容 单行注释

    /* 注释的内容*/ 多行注释

    javascript的变量声明:
    格式:
    var 变量名 = 数据;


    声明变量要注意的事项:
    1. 在javascript中声明变量是 使用var关键字声明的,javascript中的变量可以存储任意的数据类型数据.
    2. javascript中变量数据类型是根据存储的值决定的,可以随时更改存储数据的类型。
    3. 定义了多个同名的变量时,后定义的同名变量是覆盖前面定义的同名变量。
    4. 声明变量的时候可以省略var关键字,但是不建议省略。


    javascript的数据类型:go top

    typeof 查看变量的数据类型。

    使用格式:

    typeof 变量名

    javascript的数据类型:

    number 小数与整数

    string 字符串 注意: javascript中没有字符的概念,只有字符串,字符串可以写在单引号或双引号中。

    boolean 布尔数据类型,

    undefined undefined代表该变量没有定义。


    字符串转数字go top

    parseInt() 可以把一个字符串转换成整数。
    parseFloat() 可以把一个字符串转换成小数。

    javascript提供一个IsNaN的方法让我们判断该字符串是否是 一个数字。

    is not a muber 不是一个数字。

    不是一个数字返回true,是一个数字返回false.


    运算符go top


    +-
    true=1,false=0
    document.write("除法运算是:"+(10/3)+"<br/>"); //如果两个整数相除不能整数的时候结果还是小数。
    字符串与字符串的比较规则是:

    情况1: 能找到对应位置上的不同字符,那么就比较第一个不同字符的大小。

    情况2: 不能找到对应位置上的不同字符,这时候比较的是两个字符串的长度。

     字符串还可以与数字进行比较。 凡是数字与字符串 进行比较,会先把字符串转换成数字再进行比较。

    逻辑运算符:go top

    与&&
    或||
    非!
    三目运算符
    布尔表达式?值1:值2;


    条件循环语句:go top

    if语句

    特殊之处:
    1. 在javascript中的if语句条件不单止可以写布尔表达式,还可以写任何的数据。

    number 非0为true, 0为false.
    string 内容不能空是true, 内容空的时候是false。
    undefined:false
    NaN: false

    选择语句:

    switch语句

    switch(变量){
      case 值1:
        break;
      case 值2:
        break;    
        .....
      default:
        break;
    }

    特殊之处:
    1. 在javascript中case后面可以跟常量与变量还可以跟表达式。

    do-while循环语句

    do{
    循环语句;
    }while(判断条件);

    for循环语句:
    格式:
    for(初始化语句; 判断的条件 ; 循环后的语句){
    循环体语句;
    }

    for-in语句:go top

    for-in语句的格式:

    for(var 变量名 in 遍历的目标){

    }

    for-in语句的作用:
    1. 可以用于遍历数组的元素。 注意: 使用for-in语句遍历数组元素的时候遍历出来是数组的下标。

    2. 可以用于遍历对象的所有属性数据。 注意: 使用for-in语句遍历对象的属性的时候,遍历出来的是对象的属性名。

    with语句:go top

    With 语句,在存取对象属性和调用方法时就不用重复指定对象。

    demo:

    with(document){
      write("可以直接以此格式向浏览器输出信息");  
    }

    函数:go top

    函数的定义格式:

    function 函数名(形参列表){
      函数体 ;
    }

    javascript的函数要注意的细节:

    • 1. 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。
    • 2. 在javascript中 的函数是没有返回值类型 的,如果函数需要返回数据给调用者,直接返回即可,如果不需要返回则不返回。
    • 3. 在 javascript中是没有函数 重载 的概念 的,后定义的同名函数会直接覆盖前面定义同名函数。
    • 4. 在javascript中任何的函数内部都隐式的维护了一个arguments(数组)的对象,给函数 传递数据的时候,是会先传递到arguments对象中,然后再由arguments对象分配数据给形参的。

    demo:

    function add( a, b){
      return a+b;  
    }
  • 相关阅读:
    python-Web-django-路由保护
    python-Web-django-图表统计
    python-linux-集群nginx
    python-Web-数据库-oracle
    python-Web-数据库-mysql
    python-爬虫-scrapy
    Educational Codeforces Round 90 (Rated for Div. 2) A~C
    leetcode周赛192
    Codeforces Round #597 (Div. 2) C dp
    Codeforces Round #645 (Div. 2) A~D
  • 原文地址:https://www.cnblogs.com/gzc911/p/4964164.html
Copyright © 2011-2022 走看看