Javascript 基础 1

1 . 引用方式

a.<script src=" js文件路径" type="text/javascript" charset="utf-8"></script> // 放在<head></head>标签中

b.<script type="text/javascript">js代码</script> // 放在<body></body>标签底部

 

2.基础语法

        alert();  // 弹窗

        console.log(); //控制台输出

        confirm(""); // 带确定取消的弹窗   返回值为true或false

         prompt("");//带文本输入框的弹窗  返回值是一个字符串（文本框输入的内容）

        document.write(''); // 向页面输出一段代码

 

3.定义变量

   js 的变量类型(7种)

  数值型  // 比如 数字 1、2  或 小数（float）1.2 、3.14

  布尔型 // true  false

  字符串型  // 要放到" " 中， " a"  " 呵呵"

  对象 // object   比如 jason 对象  alert 不能打印 要用 console.log();

  数组 // Array

  Undefind // 确定一个已经创建但没有初值的变量

  null  // 表明某个变量值为空

 

举例：

  var a = 1; //定义变量 a  值为 1；

  var b ="1";// 定义变量 b  值为字符串 "1";

  var c = [1,2,3] //定义 变量c  值为数组 [1,2,3];

  var d = null ; // 变量 d 的值为空值；

  var e;  // 只定义了变量e 没给e赋值， e的值就是undefind;

  var f = true; f的值为布尔型的 true；

4.算数运算符

   加 +  

   减  -

   乘 *

   除 /

 取余 %（只保留整数）

  累加 ++

  累减 --

  逻辑运算符      判断条件  ？ 成立执行代码 ：不成立执行代码

 

注意 ： a .数值进行运算就是数学逻辑的运算 ； 字符串只能进行+运算 ，字符串的+就是字符串的拼接 ,字符串和别的数字相+依然是字符串；

            var a = 1;

            var b = 2;

            var c = "1";

            var d = a +b; // d 的值为3;

            var e = a+ c; // e的值为 "11";

         b . ++i  和 i ++  的区别

         var i = 1;

         var x =1;

         var j = ++i;  // 先加1在赋值， j=2;

         var k = x++; // 先赋值再加1  k =1;

       -- 同样的道理  只在赋值的时候有区别 ， for循环中增长方式没区别；

 

5.比较运算符

  等于 ==

   全等 ===       //(值和类型都相等) 1==="1"为false 1===1 为true;

   不等于 ！=

   大于>

   小于<

  大于等于 >=

  小于等于<=

 

6.逻辑运算符

 and  && // 并且

 or      ||    // 或者

 not    !     //非

 

注意 ：在写判断条件时 不能写成数学运算式，也不能写全等 ，要用逻辑运算符连接；

  比如 if(a=b=c){} 这样写是错误的    正确写法 ： if(a=b&&a=c){};

  错误写法 if(0<x<3){}                       正确写法 ： if(a>0&&a<3){};

 

  

 

      

 

posted @ 2018-12-18 11:40  LiuXiaoZhang  阅读(118)  评论(0)    收藏  举报