javascript学习笔记day1

原生js：javascript 

 

组成 BOM（浏览器对象模型）+DOM（文档对象模型）+ECMA

 

位置：要放在<script>标签里面，script标签可以放在页面的任意位置。也可以放在外部文件引入。

 

引入方式：<script src="demo.js"></script>

 

执行顺序：从上到下。如果<script>标签放在了body之前，会操作不到body的内容。如果一定要放在body前面，需要加一个window.onload=function( )，表示整个加载完成后触发。

 

例：

 

<script>

    var btn1 = document.getElementById("btn");

    btn1.onclick = function() {

        var div = document.getElementById("div");

        div.style.color = 'red';

        // alert("dididi");

    };

</script>

 

语言本身的特点：js本身是一个弱语言类型。

 

基本数据类型：字符串（string）、数字（number）（NaN）、boolean、集合、undefined（声明一个变量，而该变量没有被赋值）、对象（object）（null）、函数（function）。

                 检查数据类型，使用typeof. 例：console.log(typeof div);

 

变量名的组成：由字母，数字，下划线，$组成。不能以数字开头，不能使用关键字。默认的规则：命名要见名知意。

 

js的语法规则：字符需要用引号包含起来，单双引号效果一样；

                      分号部分地方可以省略，但是不建议省略；

                      js严格区分大小写；

 

var的作用：声明变量。     =用来赋值。

 

在控制台打开，使用console.log( )

 

object对象 ： 对象拥有属性和方法

     var object = new object （）；

     object.age = 18;

 

变量与变量之间连接起来用加号

 

age=age+18；和 age+=18；效果一样

a

+ - * / % 都只做计算工作

 

数据类型之间的转换：

     字符串转数字类型的方法：

          var age = "23"

          var newAge = Number(age);

         将任意一种数据类型转换成数据类型失败的时显示NaN

          true转换成number类型的结果是1，false的结果的是0；

          空的字符串转成number为0，其他字符转换成字符串为NaN；

          parsenInt parseFloat 可以进行数字类型转换，但它会从左到右执行，遇到失败就结束；

          var newAge = age * 1；（- * / 都行，就+号不行，因为+会拼接。）

 

     转换成字符串的方法；

           var age = 0；

           var newAge =  string(age)  ;

 

          

          var newAge = number（age）；

          aleret(typeof newAge.toFixed(2));

          toFixed可以讲数字类型，四舍五入转换成字符串；

 

     转换成Boolean类型的方法

          var age = “1”；

          var newAge = Boolean （age ）； 

          字符串转成boolean类型，有内容就是true，没有内容就是false；

          数字类型转成boolean类型，非零为true，零为false

 

数学库：

     var num =13.45；

     var newNum = Math.floor(num);//向下取整

     alert(newNum)；

 

     var newNum = Math.ceil(num);//向上取整

     alert(newNum)

 

     var newNum = Math.round(num);//四舍五入

     alert(newNum)；

     

     var newNum = Math.random();//0-1之间的随机数 不包含1

     alert(newNum)；