记一次字符串和定时器的用法

字符串相关

  1. 创建字符串 var s1 = "abc"/'abc'; var s2 = new String("abc");
  2. 把字符串转成数值 parseInt("18.6") 18 parseInt(20.5) 取整20 parseFloat("18.6") 18.6 parseFloat("18") 18 Number() 作用和parseFloat类似
  3. 转大小写 "abc".toUpperCase(); "NBA".toLowerCase();
  4. 获取字符串出现的位置 str.indexOf(); //从前面查找 str.lastIndexOf(); //从后面找
  5. 替换字符串 只替换出现的第一个 str.replace(old,new);
  6. 截取字符串 str.substring(start,?end);
  7. 拆分字符串 var arr = str.split(".");

数组相关

  1. 创建数组 var arr1 = ["abcd",true,20]; var arr2 = new Array();
  2. 往数组中添加内容 var arr2 = new Array(); arr2.push("xxx"); arr2.push(true);
  3. 获取和修改数组长度(Java中数组的长度不可变) var arr1 = ["abcd",true,20]; arr1.length;//获取长度 arr1.lenth=1;
  4. 数组遍历 和Java一样 var arr1 = ["abcd",true,20]; for(var i=0;i<arr1.length;i++){ alert(arr1[i]); }
  5. 数组反转 ["a","b","c"] arr.reverse();
  6. 数组排序 sort()
  7. 默认排序规则是通过Unicode编码进行排序 var arr = [21,8,4,13]; arr.sort();
  8. 自定义排序:

    var arr = [21,8,4,13];
    //创建自定义排序方法
    function mysort(a,b){

    return b-a;//a-b升序  b-a降序

    }
    //执行排序方法
    arr.sort(mysort);
    alert(arr);

  9. 执行方法时需要加括号,把方法当做某个方法的参数时不需要加括号 arr.sort(mysort);//不加括号 //加括号

日期相关

  • 服务器时间和客户端时间
  • 获取当前客户端时间 var d1 = new Date();
  • 创建指定时间的时间对象 var d2 = new Date("2019/7/2 10:10:10");
  • 获取和设置时间戳 (时间戳:距1970年1月1号 ) var d1 = new Date(); d1.getTime(); //获取时间戳 d1.setTime(1000); //设置时间戳
  • 获取时间分量
    var d1 = new Date(); d1.getFullYear();//年 d1.getMonth(); //月 d1.getDate();// 日 d1.getDay(); //星期 d1.getHours(); //小时 d1.getMinutes(); //分钟 d1.getSeconds();// 秒
  • 获取年月日 和 获取时分秒 d1.toLocaleDateString(); //获取年月日 d1.toLocaleTimeString(); //获取时分秒

正则表达式

  • 应用场景: 1. 查找内容 2. 校验文本
  • .: 匹配任意字符 除了换行
  • \w: 匹配任意数字 字母 下划线
  • \d: 匹配任意数字
  • \s: 匹配任意空白
  • ^: 开始
  • $: 结尾
  • 举例:
    1. 以m开头 ^m 2. 以n结尾 n$ 3. 包含两位数字 \\d{2} 4. 只有两位数字 ^\\d{2}$ 5. 以3个数字开头 ^\d{3} 6. 以x开头y结尾中间5个数 ^x\d{5}y$ 7. 以m开头n结尾中间3-5个数 ^m\\d{3,5}n$ 8. 由6-10位数字字母下划线组成 ^\w{6,10}$
  • js中创建正则对象
  • 模式: i忽略大小写 g全局查找
  • 第一种: var reg = /规则/模式; var reg = /^\w{6,10}$/;
  • 第二种: var reg = new RegExp("规则",?"模式"); \需要转义 var reg = new RegExp("^\w{6,10}$")
  • 正则对象的相关方法

    1. 查找内容的方法 exec() var str = "you can you up no can no b b"; var reg = /no/g; alert(reg.exec(str)); //no alert(reg.exec(str)); //no alert(reg.exec(str)); //null 找不到时返回null
    2. 校验方法 test() var str = "you can you up no can no b b"; var reg = /^you/; alert(reg.test(str));
  • 字符串和正则相关的方法

    1. 查找内容 match() var str = "you can you up no can no b b"; var reg = /no/g; var arr = str.match(reg);
    2. 替换 replace(reg,new) var str = "you can you up no can no b b"; var reg = /no/g; str.replace(reg,"不");

隐藏元素的两种方式

  1. display:none 让元素隐藏,并且脱离文档流
  2. visibility:hidden/visible; hidden隐藏(不脱离文档流) visible显示

通过js代码给元素添加样式

  • 格式: d1.style.样式名="值";

文本框的失去焦点事件

  • onblur

事件取消

  • 在事件属性中执行 return false; 则会取消掉当前的事件

DHTML

  • 简介: Dynamic(动态) HTML = html+css+js
  • 对象分类

    1. JS语言内置对象,包括: number string boolean object array等
    2. BOM: Browser(浏览器)Object对象Model模型, 包含和浏览器相关的内容
    3. DOM: Document文档Object对象Model模型, 包含和页面相关的内容

BOM

  • window对象, 该对象的属性和方法称为全局属性和全局方法,访问时可以省略window.
  • window里面常见的方法:

    1. alert(); 提示框
    2. confirm(); 确认框
    3. prompt(); 弹出文本框
    4. isNaN(); 判断变量是否是数值
    5. parseInt()/parseFloat() 转整数和转小数
  • window里面常见的属性:

    1. history:历史 history.length 历史页面数量 history.back() 返回上一页面 history.forward() 前往下一页面 history.go(n) n正值前进 负值后退 0刷新
    2. location:位置 location.href 获取和修改浏览器的访问地址 location.reload() 刷新
    3. screen 屏幕 screen.width/height screen.availWidth/availHeight
    4. navigator 导航/帮助 navigator.userAgent //获得浏览器版本信息
  • window相关的事件

    1. 窗口点击事件 onclick
    2. 页面加载完成事件 onload
    3. 获取焦点事件 onfocus
    4. 失去焦点事件 onblur

定时器

  • setInterval(方法,时间间隔);

通过标签名获取页面中的元素对象们

var arr = document.getElementsByTagName("img");
Last modification:July 8th, 2019 at 02:25 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment