欢迎加入前端交流群交流知识获取视频资料:749539640
观察淘宝网商品数据
有一个东西叫服务器>>>>js的作用重要作用之一>>>>交互>>>>人机交互(事件)>>>>服务器交互(ajax);
服务器交互,数据处理方式json>>>>>要把它转化成字符串操作。
字符串操作重要性不言而喻。
什么是字符串?
字符串就是一串字符,由单(双)引号括起来,字符串是JavaScript的一种基本类型。
● "undefined"——如果这个值未定义;
● "boolean"——如果这个值是布尔值;
● "string"——如果这个值是字符串;
● "number"——如果这个值是数值;
● "object"——如果这个值是对象或null;
字符串的操作 >>>>> 从1+1=2到1+1=11又怎样的区别那?(小复习)
字符串的声明:
var str="亲"; 基本类型 定义一个字符串变量str,内容为‘亲'
var str = new String(“hello”); 引用类型 定义一个字符串变量str,内容为hello, 注意此刻str为object(对象)类型 用new产生的变量都是引用类型的变量,也叫对象。
JavaScript特性之一>>>>>>万事万物皆对象;
基本类型值指的是简单的数据段,而引用类型是一个指向,指向javascript的内部对象。
字符串与html
1.当把html编译成字符串插入到页面中的时候 , JavaScript解析器会直接将字符串解析成代码。 比如:document.write('<strong>我是加粗的文字/strong>')
写在页面上是什么样子那?for循环和字符串拼接。(练习)
big() 用大号字体显示字符串
bold() 使用粗体显示字符串
fixed() 以打字机文本显示字符串
strike() 使用删除线来显示字符串
fontcolor() 使用指定颜色来显示字符串
fontsize() 使用指定尺寸来显示字符串
link() 将字符串显示为链接
sub() 把字符串显示为下标
sup() 把字符串显示为上标
//上述方法,都返回一个增加了标签的字符串,但是不对字符串本身进行操作;
没有html代码的商品列表页面
两种声明字符串的方式差别。类型不同(原因)。字符串的下标length
字符串操作>>>>
1.查询操作
1)indexOf("abc") 查找字符串第一次出现的位置 ;
2)lastIndexOf("abc") 查找字符串最后一次出现的位置 如果没找到 返回-1
3)replace() 替换字符串//返回一个修改后的字符串不对原字符串进行操作
replace 替换字符串
如: var str="how are you";
alert(str.replace("are","old are"));
2.获取操作
charAt(3) //获取下标为3的字符
charCodeAt(3) //获取下标为3的字符的Unicode码
Unicode(统一码、万国码、单一码)是计算机科学领域里的一项业界标准,包括字符集、编码方案等。>>>>>翻译官思密达
String.fromCharCode(94) //编码转换成字符;
由于fromCharCode( )是String对象中的方法 ,所以在使用的时候要加上前缀String;
substring(start,end)//截取字符串,从第start位开始,到end位停止。
split(separator, howmany) >>>>>> 根据分隔符、拆分成数组;
separator (字符串);//根据什么进行拆分
howmany(可以指定返回的数组的最大长度) ;
【注】如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。
3.拼接操作
concat() 连接字符串 //最没用的方法
4.大小写操作
toLowerCase()
toUpperCase()
字符串操作练习
练习, 敏感词屏蔽(腾讯qq,鹅场);屏蔽敏感字(腾讯qq)。
二、Math函数
Math.round(3.6) //四舍五入
random() //返回0-1之间的随机数
max(num1, num2) //返回较大的数
min(num1, num2) //返回较小的数
abs(num) //绝对值
ceil(19.3) //12 向上取整
floor(11.8) //11 向下取整
1.获取四位数的验证码。
2.验证
思路:
布局(略)
1.获取需要操作的元素;
2.增加事件;
3.获取需要验证的字符串;
4.对字符串进行处理(1.用户名不能为空 。2.开头字母不能是数字。3.用户名长度应该小于6位但是不能大于20位。4.密码不能为空。);
5.验证字符串,并将结果写入提示区域内;
注:空格也是字符;
3.计算器, 计算器思路。
布局。(略)
switch()语句和if类似,但是比if更复杂;
switch(sth){
case sth1:
代码块;
break;
default:
代码块;
}
一个小的计算器:
大计算器思路;
运算的思路:数字1,数字2 ,运算符;
1.点击时数字要显示,再点击时隐藏上次点击数字,运算符要保留;>>>>两个变量,一个用于储存上一个被清除的数字;另个一储存运算符;没有运算的时候直接返回value值;
2.清除(C)的时候需要清除所有变量中的值。
十以内的加减乘除已经搞定了;
3.数字是否可以叠加:增加变量;