JavaScript(JS)

JavaScript(JS)的基础知识点

  1. 概述:是一门跨平台,面向对象的脚本语言,用来控制网页行为,可以使得网页可交互
  2. 引入方式
        1.内部脚本 位于<script>......</script>
        2.外部脚本 <script src = "js脚本"></script>
  3. 基础语法
    1. 输出语句
          window.alert()写入警告框
          document.write()写入HTML输出
          console.log()写入浏览器控制台

    2. 变量
          2.1.用 var 关键字声明变量(由于JavaScript是一门弱类型语言,变量可以存放不同类型的值)
          2.2.变量名规则:字母,数字,下划线,美元符号,数字不能开头

    3. 数据类型
          3.1.原始类型
              number:数字 (整数 ,小数 , N)
              string:字符,字符串
              boolean: 布尔
              null :对象为空
              undefined : 当声明的变量未初始化时 的默认值
          3.2.引用类型
               对象
               数组
          3.3数据类型转换
              转换函数
                  parseInt("string"):字符串强制转化为整型
                  parseFloat("string"):字符串强制转化为浮点型
                  只有string类型才能调用上述方法,不然会返回NaN。
                  parseInt("string",2);当parseInt()方法带有两个参数时,第二个参数表示将字符串按二进制来转换成整数。
                  第二个参数可以设置为二进制,八进制,十进制,十六进制等。
              强制转换函数
                  Boolean(value)——把给定的值转换成Boolean型;
                  Number(value)——把给定的值转换成数字(可以是整数或浮点数);
                  String(value)——把给定的值转换成字符串。

    4. 流程控制语句
          if
          switch
          for
          while
          do...while

    5. 函数
          概念:被设计为执行特定任务的代码块,通过 function关键字定义
          JS对象
              Array对象 (长度和类型都可变)
                  定义方式:
                      var 变量名 = new Array(元素列表);
                      var 变量名 = [元素列表];
                  方式方式
                      变量名[index] = 值;
              String
                  定义方式:
                      var 变量名 = new String ("字符串值")
                      var 变量名 = s;
                  方法
                      charAt(索引) 返回指定位置的字符
                      indexOf() 检索字符串
              自定义对象

      4.BOM(浏览器对象模型)
          组成:
              Window:浏览器窗口对象 
                  获取对象: window.alert("字符串");window.可以省略
                  显示一段消息,有确认和取消按钮 : confirm("字符串")
                  按照指定的周期,来调用函数或计算表达式     setInterval(function(){},毫秒值)
                  在指定的毫秒数后调用函数或计算表达式  setTimeout(function(){},毫秒值)
              Navigator:浏览器对象
              Screen:屏幕对象
              History:历史记录对象
                  方法:
                      back() 加载history列表中的前一个URL
                      forward()加载history列表中的下一个URL
              Location:地址栏对象

      5.DOM(文档对象模型)
          概述: JavaScript 将 HTML 文档的各个组成部分封装为对象。
          封装的对象:
              Document :整个文档对象
              Element:元素对象
                  获取元素对象 : Document
                      getElementById() :根据id属性值获取,返回单个Element对象
                      getElementsByTagName() :根据标签名称获取,返回Element对象数组
                      getElementsByName() :根据name属性值获取,返回Element对象数组
                      getElementsByClassName() :根据class属性值获取,返回Element对象数组
              Attribute:属性对象
              Text:文本对象
              Comment:注释对象

    6. 事件监听
          概念:JS可以在事件被侦测到时执行代码
              常见事件
                  onclick :鼠标单击事件
                  onblur:元素失去焦点
                  onfocus: 元素获得焦点
                  onsumbit:表单提交触发的事件
       

                      


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值