0
点赞
收藏
分享

微信扫一扫

前端第七次培训(JS对象和事件)

追风骚年 2022-02-11 阅读 50

js内建对象
  (1)Number
    创建方式:
      var myNum=new Number(value);
      var myNum=Number(value);
      属性和方法:
        toString():转成字符串
        valueOf():返回一个 Number 对象的基本数字值
  (2)Boolean
    创建方式:
      var bool = new Boolean(value);
      var bool = Boolean(value);
    属性和方法:
      toString():转成字符串
      valueOf():返回一个 Boolean 对象的基本值(boolean)
  (3)String
    创建方式:
      var str = new String(s);
      var str = String(s);
    属性和方法:
      length:字符串的长度
      charAt():返回索引字符
      charCodeAt:返回索引字符unicode
      indexOf():返回字符的索引
      lastIndexOf();逆向返回字符的索引
      split();将字符串按照特殊字符切割成数组
      substr():从起始索引号提取字符串中指定数目的字符
      substring():提取字符串中两个指定的索引号之间的字符
      toUpperCase();转大写
  (4)Array
    创建方式:
      var arr = new Array();//空数组
      var arr = new Array(size);//创建一个指定长度的数据
      var arr = new Array(element0, element1, ..., elementn);//创建数组直接实例化元素
      var arr = [];//空数组
      var arr = [1,2,5,"java"];//创建数组直接实例化元素
    属性和方法:
      length:数组长度
      join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔一个
      pop():删除并返回最后元素
      push():向数组的末尾添加一个或更多元素,并返回新的长度
      reverse();反转数组
      sort();排序
  (5)Date
    创建方式:
      var myDate = new Date();
      var myDate = new Date(毫秒值);//代表从1970-1-1到现在的一个毫秒值
    属性和方法
      getFullYear():年
      getMonth():月 0-11
      getDate():日 1-31
      getDay():星期 0-6
      getTime():返回1970年1月1日午夜到指定日期(字符串)的毫秒数
      toLocalString();获得本地时间格式的字符串
  (6)Math
    创建方式:
      Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。
    属性和方法
      PI:圆周率
      abs():绝对值
      ceil():对数进行上舍入
      floor():对数进行下舍入
      pow(x,y):返回 x 的 y 次幂
      random():0-1之间的随机数
      round():四舍五入
  (7)RegExp
    创建方式:
      var reg = new RegExp(pattern);
      var reg = /^正则规则$/;
    规则的写法:
      [0-9] 
      [A-Z]
      [a-z]
      [A-z]
      \d 代表数据
      \D 非数字
      \w 查找单词字符
      \W 查找非单词字符
      \s 查找空白字符
      \S 查找非空白字符
      n+ 出现至少一次
      n* 出现0次或多次
      n? 出现0次或1次
      {5} 出现5
      {2,8} 2到8次
    方法:
      test(str):检索字符串中指定的值。返回 true 或 false
    需求:
      校验邮箱:
        var email = haohao_827@163.com
        var reg = /^[A-z]+[A-z0-9_-]*\@[A-z0-9]+\.[A-z]+$/;
        reg.test(email);

js的事件
  事件
  事件源
  响应行为
1、

js的常用事件
onclick:点击事件
onchange:域内容被改变的事件
需求:实现二级联动 

onfoucus:获得焦点的事件
onblur:失去焦点的事件
需求: 当输入框获得焦点的时候,提示输入的内容格式
当输入框失去焦点的时候,提示输入有误

2、事件的绑定方式
(1)将事件和响应行为都内嵌到html标签中
<input type="button" value="button"  οnclick="alert('xxx')"/>
(2)将事件内嵌到html中而响应行为用函数进行封装
<input type="button" value="button" οnclick="fn()" />
<script type="text/javascript">
function fn(){
alert("yyy");
}
</script>
(3)将事件和响应行为 与html标签完全分离
<input id="btn" type="button" value="button"/>
<script type="text/javascript">
var btn = document.getElementById("btn");
btn.onclick = function(){
alert("zzz");
};
</script>

举报

相关推荐

0 条评论