A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 丶江河 初级黑马   /  2019-8-20 15:17  /  1102 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

1.JS概述:
JS是一种运行在浏览器端的脚本语言。
负责页面动态效果, 简单来说, 就是负责让页面动起来。
JavaScript = ECMAScript + BOM + DOM;

2.JS的组成
ECMAScript :JS的基本语法
BOM   :浏览器对象模型(Browser Object Model),包含了JS中操作浏览器的相关对象.
DOM   :文档对象模型(Document Object Model),包含了JS中操作HTML页面的相关对象.
3.JS的引入方式
3.1:内部JS:
  * 定义<script>,标签体内容就是js代码
3.2:外部JS:
  * 定义<script>,通过src属性引入外部的js文件. 此时,标签体内部不允许写任何代码
注意:
  1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。一般建议定义在<head>标签内部
  2. <script>可以定义多个。
  3. <script>在引入了外部的JS文件后,其内部将不再允许书写js代码。
4.JS的基本语法(与Java不同之处):
定义变量:
  var a = 值;
定义方法:
  function 方法名(){ }
运算符:
  == :"数值"是否相等
  === :"数值"和"类型"都完全相同,才是true
注意:
  其他语法,和Java语法几乎完全相同
  
5.类型转换(了解)
概述:
  JS是弱类型语言,在处理数据时,对类型要求不严格,所以,就会产生一些数据类型上的自动转换。
分类:
  转换为number:
   * string转number:按照字面值转换。如果字面值不是数字,则转为NaN(不是数字的数字)
            * boolean转number:true转为1,false转为0
  转换为boolean:
   * number转boolean:0或NaN为假,其他为真
            * string转boolean:除了空字符串(""),其他都是true
            * null转boolean: 都是false
   * undefined转boolean:都是false
            * 对象:都为true
   //一切有意义的都是true,无意义的都是false
  
6.JS的常见对象:
6.1:Array(数组)
  创建数组:
   var arr = [元素列表];
  常用属性:
   length:数组的长度
  常用方法:
   join(): 把数组按照指定字符串拼接.
   /**
    * 例如:
    *  var arr = [1,2,3];
    *  arr.join("-");
    *  结果是: 1-2-3
    */
   push(新元素): 向数组的最后添加新元素
  特点:
   1. JS中,数组元素的类型可变的。
   2. JS中,数组长度可变的。
   
6.2:Date(日期时间)
  var date = new Date(); //获取当前时间
  date.getTime();   //获取当前时间的毫秒值。返回当前日期对象描述的时间到1970年1月1日零点的毫秒值差

6.3:Math
  Math.random() :返回 0 ~ 1 之间的随机数。 含0不含1
  Math.ceil(x) :对数进行上舍入。
  Math.floor(x) :对数进行下舍入。
  Math.round(x) :把数四舍五入为最接近的整数。
  Math.PI   : π

7.正则表达式:
概述:
  是一个包含了特殊规则的字符串。(本质上也是一个字符串,只不过该字符串中的字符包含了特定含义)
规则:  
  单个字符:[]
   如:[a] [ab] [a-zA-Z0-9_]
   * 特殊符号代表特殊含义的单个字符:
    \d:单个数字字符 [0-9]
    \w:单个单词字符[a-zA-Z_0-9]
  量词符号:
   ?  //表示出现0次或1次
   *  //表示出现0次或多次
   +  //出现1次或多次
   {m,n}: //表示最小m次,最多n次
    * m如果缺省: {,n}:最多n次
    * n如果缺省:{m,} 最少m次
  其他:
   ^:开始
   $:结束
8.JS中使用正则表达式
1.创建正则表达式对象
  var reg = /正则表达式/;
2.使用正则表达式
  reg.test(字符串); //验证指定的"字符串"是否符合"正则表达式的指定规则"
3.常用规则:
  A. QQ正则
    [1-9]\d{4,10}
  B. 手机号正则
    [1][34578]\d{9}   
  C. 邮箱正则
    \w+@[a-zA-Z0-9]+\.[a-z]{2,3}
9.全局对象Global
特点:
  该对象Global中封装的方法不需要对象, 可以直接调用。  
常用方法:
  parseInt():将字符串转为数字
   * 逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
  isNaN():判断一个值是否是NaN
   * NaN六亲不认,连自己都不认。NaN参与的==比较全部都是false
  eval():讲 JavaScript 字符串,并把它作为脚本代码来执行。
  
10.URL编码(了解)
概述:
  在Web开发中,浏览器的地址栏,不支持中文.
  为了解决这个问题, 我们在传递中文时,会把中文进行编码传输, 等对方接收后,对方解码, 这就是URL编码和解码.
方法:
  encodeURI():url编码
  decodeURI():url解码
  encodeURIComponent():url编码,编码的字符更多
  decodeURIComponent():url解码

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马