js的第一天

1.认识js

        js概念:运行在浏览器端(客户端)的解释性脚本语言(js引擎:执行js代码:从上往下一行一行执行。)

        js作用:

                html:结构(骨架)

                css: 表现(美化)

                js:行为(动效,轮播图,tab切换,楼层,拖拽,百度搜索,表单验证,登录注册,百度换肤,贪吃蛇等)

        js核心:

                1.ECMA制定的是js的语法规范

                2.BOM:浏览器对象模型,提供了一套操作浏览器的api

                3.DOM:文档对象类型,提供一套操作页面的api

        js代码的书写:

                1.行内式:a标签/非a标签

                                 a标签的 <a href="javascript:js代码;">百度</a>

                                非a标签的<button 行为属性="js代码">按钮</button>

                2.内嵌式

                                书写方式:<script></script>

                                书写位置:可以在任何位置书写<script></script>,但是不推荐写在最上面,推荐写在最下面

                                执行顺序:可以有多对script标签,从上往下执行

                3.外链

                                 书写方式:<script src="demo.js"></script>

                                注意:1.在外链式的写中,script标签内部代码不执行

                                        2.demo.js中直接写js代码

        js注释

                1.单行// ctrl+/

                2.多行/**/alt+shift+a

        js变量

                js中的变量:在程序运行过程中,值会发生变化的量,在计算机中,比哪里实际上就是一个容器,存储着值。

        js的变量的命名规则和规范变量命名时的规则:   

            1、组成:数字,字母,下划线(_),美元符号($)

            2、注意:不能以数字开头,不能是关键字(js中具有特定含义的单词。var if for function)var var =. 10;

            3、严格区分大小写var Var = 10;

            4、汉字也可以作为变量,强烈不推荐

        规范:

            1、见名识意;定义苹果价格applePriceweight size name height ...

            2、驼峰命名法多个单词组成,第一个单词全部小写,第二个单词开始,首字母大写

            redApplePrice

            greenApplePrice

        数据类型

                两大类:

                        基本数据类型:

                Number类型  数值类型

                String类型   字符串类型
               Boolean类型  布尔类型
               null类型     空类型
               undefined类型  未定义类型
            引用数据类型:(了解)
              Object

+ Number类型   数值类型
          a) 整数
          b) 小数
          c) 10e5(科学计数法)  10*10的5次方
          d) 十进制    八进制   十六进制       二进制 
          e) NaN(not a number):不是数字

     + String类型  字符串类型
          a)  单引号或者双引号引起来  "123"   'abc'
          b) 一段文本

     + Boolean类型 布尔类型 
          a) true : 真,计算机会把true存储成1
          b) false: 假,计算机会把false存储成0

     + undefined类型  未定义类型
         a) 只声明,未赋值  var x;  
         b) 声明变量,可以赋值成undefined

     + null类型,空类型
              var x = null;(后面讲)

     2.8  检测数据类型:
         typeof 关键字来检测
         语法:
           typeof(要检测的值)
           typeof 要检测的值

         返回值(结果):
           1. 哪种数据类型(number,string,undefined,object,boolean)
           2. 以字符串的形式返回

      2.9 数据类型的转换:
              数据类型之间的转换,比如数字转成字符串,字符串转成布尔,布尔转成数字

            其他数据类型转成数值:
                 Number(变量)
                      可以把一个变量强制转换成数值类型
             可以转换小数,会保留小数
              可以转换布尔值
                      遇到不可转换的都会返回 NaN
                parseInt(变量)
                      从第一位开始检查,是数字就转换,知道一个不是数字的内容
             开头就不是数字,那么直接返回 NaN
            不认识小数点,只能保留整数
                 parseFloat(变量)
                      从第一位开始检查,是数字就转换,知道一个不是数字的内容
             开头就不是数字,那么直接返回 NaN
             认识一次小数点
            其他数据类型转成字符串:
                         1. 变量.toString()
                         2. String(变量)
                         3. 使用加法运算 
           其他数据类型转成布尔
                        1. Boolean(变量) 在 js 中,只有 '' 、 0 、 null 、 undefined 、 NaN ,这些是 false,其余都是 true

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值