JavaScript第七天学习记录

复习

  1. 按钮不可用 disabled = “disabled” || true
  2. setTimeout 只执行一次 setInterval 执行很多次
  3. 递归调用 : 函数自己调用自己 函数递归调用 不提倡用函数名 而喜欢用的是 arguments.callee 返回的是 正在执行的函数 本身
  4. 逻辑运算符 与 && 或 || 非 ! ! > && > ||
  5. 2&&0 0 1&&8 0&&3 0 1||0
  6. 转换为 字符型
    var num = 12345;
    num+ “”
    String(num);
    num.toString(); 10进制
    num.toString(2) 二进制
  7. 根据字符位置返回字符
    charAt(索引号)
    var txt = “abcde”;
    txt.charAt(3); d
    charCodeAt(3) unicode 编码 97 100

根据字符返回位置

  1. 返回前面起第一个字符的位置
    indexOf(“字符”);
    它是从 前面开始数(从左边开始数), 而且只找第一个, 然后返回改字符的位置, 索引号都是从0开始的。 返回的是个数值。
    var txt = “abcdef”;
    alert(txt.indexOf(“d”)) 结果就是 3
    如果找不到该字符 返回 -1
  2. 返回后面起第一个字符的位置
    lastIndexOf(参数:索引字符串)
    从后面开始数 同上
    var txt = “abcdef” ;
    txt.lastIndexOf(“d”); 3
    返回的值,还是从 左边开始 数的 索引号 。

网址编码

我们知道一个网址 自己的网址, 不同页面也有自己id网址, 我们经常会做一些, 把网址送入到后台。 但是后台再处理的 不认识比如 换行啊 等特殊符号的 ?
var url = “http://www.itast.cn?name=cz”
所以我们要实现编码,然后再传到后台。

encodeURIComponent() //函数可把字符串作为 URI 组件进行编码
decodeURIComponent() //函数可把字符串作为 URI 组件进行解码

操作字符串

1. concat()

连接字符串
var txt1 = “abc”;
var txt2 = ”123”;
console.log(txt1.concat(txt2)); “abc123”;

2. slice()

slice(“取字符串的起始位置”, [结束位置]) ; [] 可选的
起始位置一定要有 结束位置可以省略
var txt = “abcedf”;
txt.slice(3) ; 从 txt 里面字符的 第 3(索引号)个开始取 结束位置省略, 一直取到最后一个。
总结 slice(3) 从第3个开始取,一直取到最后
slice(3,6) 3 从 第3个开始 取 6 取到第6索引号的位置,还是从左边的第0个开始数。 但是不包 6 。
起始位置可以是负数 , 如果是负数,则是从 右边往左边开始取。
var txt =”asdf”;
txt.slice(-1) 结果是 f

3. substr()

substr(起始位置,[取的个数])
同上。
不写取的个数, 默认从起始位置一直取到最后 。
取的个数: 是指从起始位置开始,往后面数几个。
var txt = “abcdefghijk”;
txt.substr(3,4);
从第3个 (d) 开始 数 4个 defg
substr(-1) 少用 ie678 报错 。 尽量少用

4. substring

同slice 一样的 但是有一点不同
substring(3,6)
substring 始终会把 小的值作为 起始位置 大的值作为结束位置
例如: substring(6,3) 实际中 自动变成 substring(3,6);

保留小数位数

122340.12345 保留两位有效小数 122340.12
substr(0, .+3)

1.console.log(str.substr(0,str.indexOf(".")+3));
通过 indexOf 返回小数点的位置 截取字符串
2 console.log(parseInt(PI*100) /100);
先乘以100 取整 然后 除以100
3 console.log(PI.toFixed(2));

大小写转换

1 toUpperCase() //转换为大写(参数: 无)
2 toLowerCase() //转换为小写(参数:无)

缓动动画

缓动动画公式:
一个盒子初始值 是 0 要走到 400 px 的位置
假如说,初始值 leader 0 target 400
box.style.left = xxxx + “px”
leader = leader + (target - leader ) /10 ;

1 btn.onclick = function() { 2 setInterval(function(){ 3 leader = leader + (target - leader )/10; 4 box.style.left = leader + "px"; 5 },30) 6 }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,461评论 0 4
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,743评论 0 8
  • 第三章 基本概念 3.1 语法 ECMAScript标识符一般采用驼峰大小写格式,也就是第一个字母小写,剩下的每个...
    小雄子阅读 3,677评论 0 1
  • 基础命令 主要的命令和快捷键 Linux系统命令由三部分组成:cmd + [options]+[operation...
    485b1aca799e阅读 4,786评论 0 0
  • javascript的基本结构类型可以分为:简单值类型和对象(引用类型) -->简单值类型包含:number、st...
    侬好上海阅读 1,501评论 0 0