今天老师依旧讲的是js 讲了很多函数的应用和很多的例子，简单涉及了一下正则，明天应该开始讲正则。
接下来是我们今天的内容：
1.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>全选练习</title>
<script type="text/javascript">
window.onload = function(){
//1.#checkedAllBtn
//2.#checkedNoBtn
//3.#checkedRevBtn
//4.#sendBtn
//5.#checkedAllBox
//6.items
}
</script>
</head>
<body>
<form method="post" action="">
你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选
<br />
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球" />乒乓球
<br />
<input type="button" id="checkedAllBtn" value="全 选" />
<input type="button" id="checkedNoBtn" value="全不选" />
<input type="button" id="checkedRevBtn" value="反 选" />
<input type="button" id="sendBtn" value="提 交" />
</form>
</body>
</html>1.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
var arr = ["孙悟空","猪八戒","沙和尚"];
var arr2 = ["白骨精","玉兔精","蜘蛛精"];
var arr3 = ["二郎神","太上老君","玉皇大帝"];
/*
* concat()可以连接两个或多个数组，并将新的数组返回
* - 该方法不会对原数组产生影响
*/
var result = arr2.concat(arr3,arr,"牛魔王","铁扇公主");
//console.log(arr2);//"白骨精,玉兔精,蜘蛛精" 该方法不会对原数组产生影响
//console.log(result);//这个时候会有影响
/*
* join()
* - 该方法可以将数组转换为一个字符串
* - 该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
* - 在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
* 如果不指定连接符，则默认使用,作为连接符
*/
arr = ["0孙悟空","1猪八戒","2沙和尚","3唐僧"];
//result = arr.join("~~~"); //"0孙悟空~~~1猪八戒~~~2沙和尚~~~3唐僧"
//console.log(result);
//console.log(arr); //字符串："0孙悟空,1猪八戒,2沙和尚,3唐僧" 该方法不会对原数组产生影响
/*
* reverse()
* - 该方法用来反转数组（前边的去后边，后边的去前边） 1221--》1221 12471==》17421
* - 该方法会直接修改原数组
*/
arr.reverse();//该方法会直接修改原数组
console.log(arr);
//回文：正过来读和返回来读 一模一样 偶数个对称 奇数个也是对称的
//比如：1221 1237321
//i=0;i++->j=3;j-- i<j: if(a[i]==a[j])
arr = ["b","d","e","a","c"];
/*
* sort()
* - 可以用来对数组中的元素进行排序
* - 也会影响原数组，默认会按照Unicode编码进行排序
*/
arr.sort();
//arr.reverse();
/*
* 即使对于纯数字的数组，使用sort()排序时，也会按照Unicode编码来排序，
* 所以对数字进排序时，可能会得到错误的结果。
*
* 我们可以自己来指定排序的规则
* 我们可以在sort()添加一个回调函数，来指定排序规则，
* 回调函数中需要定义两个形参,
* 浏览器将会分别使用数组中的元素作为实参去调用回调函数
* 使用哪个元素调用不确定，但是肯定的是在数组中a一定在b前边
* - 浏览器会根据回调函数的返回值来决定元素的顺序，
* 如果返回一个大于0的值，则元素会交换位置
* 如果返回一个小于0的值，则元素位置不变
* 如果返回一个0，则认为两个元素相等，也不交换位置
*
* - 如果需要升序排列，则返回 a-b
* 如果需要降序排列，则返回b-a
*/
arr = [5,2,0,1,3,1,4];
arr.sort(function(a,b){
//前边的大
/*if(a > b){
return -1;
}else if(a < b){
return 1;
}else{
return 0;
}*/
//升序排列
//return a - b;
//降序排列
return b - a;
//b-a>0 b>a 交换 b-a<0 b<a 不交换
// a<b 交换 b a a>b a b
/* - 浏览器会根据回调函数的返回值来决定元素的顺序，
* 如果返回一个大于0的值，则元素会交换位置
* 如果返回一个小于0的值，则元素位置不变
* 如果返回一个0，则认为两个元素相等，也不交换位置
* */
});
console.log(arr);
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function fun(a,b) {
console.log("a = "+a);
console.log("b = "+b);
//alert(this);
}
var obj = {
name: "obj",
sayName:function(){
alert(this.name);
}
};
// fun.call(obj,2,3);//fun(2,3);
//fun.apply(obj,[2,3]);
/*
* call()和apply()
* - 这两个方法都是函数对象的方法，需要通过函数对象来调用
* - 当对函数调用call()和apply()都会调用函数执行
* - 在调用call()和apply()可以将一个对象指定为第一个参数
* 此时这个对象将会成为函数执行时的this
* - call()方法可以将实参在对象之后依次传递
* - apply()方法需要将实参封装到一个数组中统一传递
*
* - this的情况：
* 1.以函数形式调用时，this永远都是window
* 2.以方法的形式调用时，this是调用方法的对象
* 3.以构造函数的形式调用时，this是新创建的那个对象
* 4.使用call和apply调用时，this是指定的那个对象
*/
var obj2 = {
name: "obj2"
};
/* fun.apply(); //"a = undefined"
fun.call();
fun();
*/
/* fun.call(obj);
fun.apply(obj);
fun();*/
obj.sayName.apply(obj2);
</script>
</head>
<body>
</body>
</html>
<script type="text/javascript">
/*
* 在调用函数时，浏览器每次都会传递进两个隐含的参数：
* 1.函数的上下文对象 this
* 2.封装实参的对象 arguments
* - arguments是一个类数组对象,它也可以通过索引来操作数据，也可以获取长度
* - 在调用函数时，我们所传递的实参都会在arguments中保存
* - arguments.length可以用来获取实参的长度
* - 我们即使不定义形参，也可以通过arguments来使用实参，
* 只不过比较麻烦
* arguments[0] 表示第一个实参
* arguments[1] 表示第二个实参 。。。
* - 它里边有一个属性叫做callee，
* 这个属性对应一个函数对象，就是当前正在指向的函数的对象
*
*/
function fun(a,b){
console.log(arguments instanceof Array);//检测是不是数组类型"false"
console.log(Array.isArray(arguments));//"false"
console.log(arguments[0]);//"hello"
console.log(arguments[1]);//true
console.log(arguments.length);//2
console.log(arguments.callee == fun);//"true"
console.log("yngyong:"+arguments.callee == fun);// "false"
}
fun("hello",true);
</script>
<script type="text/javascript">
/*
* Date对象
* - 在JS中使用Date对象来表示一个时间
*/
//创建一个Date对象
//如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间
var d = new Date();
//console.log(d);// "Thu Sep 19 2019 11:22:28 GMT+0800 (中国标准时间)"
//创建一个指定的时间对象
//需要在构造函数中传递一个表示时间的字符串作为参数
//日期的格式 月份/日/年 时:分:秒
//var d2 = new Date("2/18/2011 11:10:30");
//console.log("____"+d2);//____Fri Feb 18 2011 11:10:30 GMT+0800 (中国标准时间)
/*
* getDate()
* - 获取当前日期对象是几日
*/
var date = d.getDate();
console.log("当前是："+date+"号");
/*
* getDay()
* - 获取当前日期对象时周几
* - 会返回一个0-6的值
* 0 表示周日
* 1表示周一
* 。。。
*/
var day = d.getDay();
console.log("当前是周"+day);
/*
* getMonth()
* d2 = new Date("12/18/2011 11:10:30");
* - 获取当前时间对象的月份
* - 会返回一个0-11的值
* 0 表示1月
* 1 表示2月
* 11 表示12月
*/
var month = d.getMonth();
//console.log("当前是"+(month+1)+"月");//"当前是9月"
/*
* getFullYear()
* - 获取当前日期对象的年份
*/
var year = d.getFullYear();
console.log(year+"年");
console.log("date = "+date);
console.log("day = "+day);
console.log("month = "+month);
console.log(year);
/*
* getTime()
* - 获取当前日期对象的时间戳
* - 时间戳，指的是从格林威治标准时间的1970年1月1日，0时0分0秒
* 到当前日期所花费的毫秒数（1秒 = 1000毫秒）
* - 计算机底层在保存时间时使用都是时间戳
*/
var time = d.getTime();
console.log(time/1000/60/60/24);//天
console.log(time/1000/60/60/24/365);//年
var d3 = new Date("1/1/1970 0:0:0");
time = d3.getTime();
//console.log(time/1000/60/60);//-8H 中国与格林威治时差
//利用时间戳来测试代码的执行的性能
//获取当前的时间戳
var start = Date.now();//计时开始的时间
for(var i=0 ; i<100 ; i++){
console.log(i);
}
var end = Date.now();//计时结束的时间
console.log("执行了："+(end - start)+"毫秒");
</script>
int a[10]; 1 2 3 4 5 6 7 8 9 11
int i,j,temp=0;
for(i=1;i<10;i++){//比较9趟
for(j=0;j<10-i;j++){//次数
if(a[j]>a[j+1]){//从小到大
//交换
temp=a[j];
a[j]=a[j+1];
a[j+1]=temp
}
}
}
//for(i=0;i<10;i++){
printf("%d ",a[i]);
}
<script type="text/javascript">
/*
* Math
* - Math和其他的对象不同，它不是一个构造函数，
* 它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法
* - 比如π：3.14151.。。。。。
* Math.PI 表示的圆周率
*/
console.log(Math.PI);
/*
* abs()可以用来计算一个数的绝对值
*/
console.log(Math.abs(-1));
console.log(Math.abs(-9));
/*
* Math.ceil()
* - 可以对一个数进行向上取整，小数位只有有值就自动进1
* Math.floor()
* - 可以对一个数进行向下取整，小数部分会被舍掉
* Math.round()
* - 可以对一个数进行四舍五入取整
*/
// console.log(Math.ceil(1.00001));
// console.log(Math.ceil(1.999));
// console.log(Math.floor(1.99999999));
// console.log(Math.floor(1.0000001));
// console.log(Math.round(1.4));
// console.log(Math.round(1.500001));
var a=Math.random();
var b=Math.round(Math.random()*10); //0-10的随机整数
console.log(b);
/*
* Math.random()
* - 可以用来生成一个0-1之间的随机数 [0,1)
* - 生成一个0-10的随机数 Math.random()*10=[0,10)
* - 生成一个0-x之间的随机数
* Math.round(Math.random()*x)
*
* - 生成一个1-10
//创建一个指定的时间对象
//需要在构造函数中传递一个表示时间的字符串作为参数
//日期的格式 月份/日/年 时:分:秒
var d2 = new Date("2/18/2011 11:10:30");
<script type="text/javascript">
/*
* Math
* - Math和其他的对象不同，它不是一个构造函数，
* 它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法
* - 比如π：3.14151.。。。。。
* Math.PI 表示的圆周率
*/
//console.log(Math.PI);
/*
* abs()可以用来计算一个数的绝对值
*/
//console.log(Math.abs(-1));
/*
* Math.ceil()
* - 可以对一个数进行向上取整，小数位只有有值就自动进1
* Math.floor()
* - 可以对一个数进行向下取整，小数部分会被舍掉
* Math.round()
* - 可以对一个数进行四舍五入取整
*/
//console.log(Math.ceil(1.1));
//console.log(Math.floor(1.99));
//console.log(Math.round(1.4));
var yy=Math.round(Math.random()*(101-99)+99);
console.log("99-101之间："+yy);
/*
* Math.random()
* - 可以用来生成一个0-1之间的随机数
* - 生成一个0-10的随机数
* - 生成一个0-x之间的随机数
* Math.round(Math.random()*x)
*
* - 生成一个1-10
*
* Math.round(Math.random()*9) [0,9)+1=[1,10)
* - 生成一个2-10
* Math.round(Math.random()*8) [0,8)+2=[2,10)
* - 生成一个x-y
* Math.round(Math.random()*(y-x))+x
* - 生成一个x-y之间的随机数
* Math.round(Math.random()*(y-x)+x)
*/
/*for(var i=0 ; i<100 ; i++){
//console.log(Math.round(Math.random()*10));
//console.log(Math.round(Math.random()*20));
//console.log(Math.round(Math.random()*9)+1);
//console.log(Math.round(Math.random()*8)+2);
//生成1-6之间的随机数
console.log(Math.round(Math.random()*5+1));
}*/
/*
* max() 可以获取多个数中的最大值
* min() 可以获取多个数中的最小值
*/
var max = Math.max(10,45,30,100);
var min = Math.min(71,45,30,100);
console.log("最小值："+min);
/*
* Math.pow(x,y)
* 返回x的y次幂
*/
console.log(Math.pow(2,8));//2的8次方
/*
* Math.sqrt()
* 用于对一个数进行开方运算
*/
console.log(Math.sqrt(3));//1.7320508075688772
</script>
<script type="text/javascript">
/*
* 基本数据类型
* String Number Boolean Null Undefined
* 引用数据类型
* Object
*
* 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象
* String()
* - 可以将基本数据类型字符串转换为String对象
* Number()
* - 可以将基本数据类型的数字转换为Number对象
* Boolean()
* - 可以将基本数据类型的布尔值转换为Boolean对象
* 但是注意：我们在实际应用中不会使用基本数据类型的对象，
* 如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果
*/
//创建一个Number类型的对象
//num = 3;
var num = new Number(3);
var num2 = new Number(3);
var str = new String("hello");
var str2 = new String("hello");
var bool = new Boolean(true);
var bool2 = false;
console.log(str === str2);//false
//向num中添加一个属性
num.hello = "abcdefg";
console.log("---->"+num.hello);
//console.log(str === str2);
var b = new Boolean(false);
console.log(typeof bool2);//"boolean"
console.log(typeof b);//object
console.log("bbbb---->"+b);
if(bool2){//false
alert("bool2 我运行了~~~");//并没有运行
}
if(b){//false 因为b是对象 返回的是object 所以并不是boolean值
alert("b 我运行了~~~");//运行了
}
/*
* 方法和属性之能添加给对象，不能添加给基本数据类型
* 当我们对一些基本数据类型的值去调用属性和方法时，
* 浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法
* 调用完以后，在将其转换为基本数据类型
*/
var s = 123;
var num = new Number(3);
//num = num.toString();
//s=s.toString();
//console.log(s);
//console.log(num);
s.hello="lala";
console.log(s.hello);//undefined
num.hello=num.hello="lalalallal";
console.log(num.hello);//lalalal
//console.log(typeof s);
</script>
<script type="text/javascript">
//创建一个字符串
var str = "Hello Atguigu";
/*
* 在底层字符串是以字符数组的形式保存的
* ["H","e","l"]
*/
/*
* length属性
* - 可以用来获取字符串的长度
*/
//console.log(str.length);
//console.log(str[5]);
/*
* charAt()
* - 可以返回字符串中指定位置的字符
* - 根据索引获取指定的字符
*/
str = "中Hello Atguigu";
var result = str.charAt(7);//下标从0开始 汉字默认就是一个字符！
console.log(result);
/*
* charCodeAt()
* - 获取指定位置字符的字符编码（Unicode编码）
*/
result = str.charCodeAt(3);//108
console.log(result);
/*
* String.formCharCode()
* - 可以根据字符编码去获取字符
*/
result = String.fromCharCode(0x2693);
console.log(result)
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用和+一样
*/
result = str.concat("你好","再见");
console.log(result);
/*
* indexof()
* - 该方法可以检索一个字符串中是否含有指定内容
* - 如果字符串中含有该内容，则会返回其第一次出现的索引
* 如果没有找到指定的内容，则返回-1
* - 可以指定一个第二个参数，指定开始查找的位置
*
* lastIndexOf();
* - 该方法的用法和indexOf()一样，
* 不同的是indexOf是从前往后找，
* 而lastIndexOf是从后往前找
* - 也可以指定开始查找的位置
*/
str = "hello hatyyguigu";
result = str.indexOf("h",1);
console.log(result);//2
result = str.lastIndexOf("h",5);
console.log(result);//0
/*
* slice()
* - 可以从字符串中截取指定的内容
* - 不会影响原字符串，而是将截取到内容返回
* - 参数：
* 第一个，开始位置的索引（包括开始位置）
* 第二个，结束位置的索引（不包括结束位置）
* - 如果省略第二个参数，则会截取到后边所有的
* - 也可以传递一个负数作为参数，负数的话将会从后边计算
*/
str = "abcdefghijk";
result = str.slice(1,4);
result = str.slice(1,-1);
/*
* substring()
* - 可以用来截取一个字符串，可以slice()类似
* - 参数：
* - 第一个：开始截取位置的索引（包括开始位置）
* - 第二个：结束位置的索引（不包括结束位置）
* - 不同的是这个方法不能接受负值作为参数，
* 如果传递了一个负值，则默认使用0
* - 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
*/
result = str.substring(0,1);
/*
* substr()
* - 用来截取字符串
* - 参数：
* 1.截取开始位置的索引
* 2.截取的长度
*/
str = "abcdefg";
result = str.substr(3,2);
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 参数：
* -需要一个字符串作为参数，将会根据该字符串去拆分数组
*/
str = "abcbcdefghij";
result = str.split("d");
/*
* 如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素
*/
result = str.split("");
//console.log(Array.isArray(result));
//console.log(result[0]);
console.log(result);
str = "abcdefg";
/*
* toUpperCase()
* - 将一个字符串转换为大写并返回
*/
result = str.toUpperCase();
str = "ABCDEFG";
/*
* toLowerCase()
* -将一个字符串转换为小写并返回
*/
result = str.toLowerCase();
//console.log(result);
</script>
<script type="text/javascript">
//创建一个字符串
var str = "Hello Atguigu";
/*
* 在底层字符串是以字符数组的形式保存的
* ["H","e","l"]
*/
/*
* length属性
* - 可以用来获取字符串的长度
*/
//console.log(str.length);
//console.log(str[5]);
/*
* charAt()
* - 可以返回字符串中指定位置的字符
* - 根据索引获取指定的字符
*/
str = "中Hello Atguigu";
var result = str.charAt(7);//下标从0开始 汉字默认就是一个字符！
console.log(result);
/*
* charCodeAt()
* - 获取指定位置字符的字符编码（Unicode编码）
*/
result = str.charCodeAt(3);//108
console.log(result);
/*
* String.formCharCode()
* - 可以根据字符编码去获取字符
*/
result = String.fromCharCode(0x2693);
console.log(result)
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用和+一样
*/
result = str.concat("你好","再见");
console.log(result);
/*
* indexof()
* - 该方法可以检索一个字符串中是否含有指定内容
* - 如果字符串中含有该内容，则会返回其第一次出现的索引
* 如果没有找到指定的内容，则返回-1
* - 可以指定一个第二个参数，指定开始查找的位置
*
* lastIndexOf();
* - 该方法的用法和indexOf()一样，
* 不同的是indexOf是从前往后找，
* 而lastIndexOf是从后往前找
* - 也可以指定开始查找的位置
*/
str = "abcdefge";
result = str.indexOf("c",3);
console.log(result);//-1 没有
result = str.lastIndexOf("c",3);
console.log(result);//2
/*
* slice()
* - 可以从字符串中截取指定的内容
* - 不会影响原字符串，而是将截取到内容返回
* - 参数：
* 第一个，开始位置的索引（包括开始位置）
* 第二个，结束位置的索引（不包括结束位置）
* - 如果省略第二个参数，则会截取到后边所有的
* - 也可以传递一个负数作为参数，负数的话将会从后边计算
*/
str = "abcdefghijk";
//result = str.slice(1,4);
//result = str.slice(1,-1);
/*
* substring()
* - 可以用来截取一个字符串，可以slice()类似
* - 参数：
* - 第一个：开始截取位置的索引（包括开始位置）[)
* - 第二个：结束位置的索引（不包括结束位置）
* - 不同的是这个方法不能接受负值作为参数，
* 如果传递了一个负值，则默认使用0
* - 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
*/
result = str.substring(4,0);//0,4 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
result = str.substring(0,4);//
console.log(result)
/*
* substr()
* - 用来截取字符串
* - 参数：
* 1.截取开始位置的索引
* 2.截取的长度
*/
str = "abcdefg";
result = str.substr(3,2);
console.log(result);//de
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 参数：
* -需要一个字符串作为参数，将会根据该字符串去拆分数组
*/
str = "abcbcdefghij";
result = str.split("d");
console.log(result);
/*
* 如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素
*/
result = str.split("");
//console.log(Array.isArray(result));
//console.log(result[0]);
console.log(result);
str = "abcdefg";
/*
* toUpperCase()
* - 将一个字符串转换为大写并返回
*/
result = str.toUpperCase();
console.log("小写转大写"+result);
str = "ABCDEFG";
/*
* toLowerCase()
* -将一个字符串转换为小写并返回
*/
result = str.toLowerCase();
console.log("大写转小写"+result)
//console.log(result);
</script>
<script type="text/javascript" >
/*
* 正则表达式
* - admin@atguigu.com
* - admin@.com adminatguigu.com
* - 邮件的规则：
* 1.前边可以是xxxx乱七八糟
* 2.跟着一个@
* 3.后边可以是xxxx乱七八糟
* 4..com获取其他的乱七八糟
*
* - 正则表达式用于定义一些字符串的规则，
* 计算机可以根据正则表达式，来检查一个字符串是否符合规则，
* 获取将字符串中符合规则的内容提取出来
*/
//创建正则表达式的对象
/*
* 语法：
* var 变量 = new RegExp("正则表达式","匹配模式");
* 使用typeof检查正则对象，会返回object
* var reg = new RegExp("a"); 这个正则表达式可以来检查一个字符串中是否含有a
* 在构造函数中可以传递一个匹配模式作为第二个参数，
* 可以是
* i 忽略大小写
* g 全局匹配模式
*/
/*
* 正则表达式的方法：
* test()
* - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则，
* 如果符合则返回true，否则返回false
*/
/*
* 使用字面量来创建正则表达式
* 语法：var 变量 = /正则表达式/匹配模式
* 使用字面量的方式创建更加简单
* 使用构造函数创建更加灵活
*
*/
//var reg = new RegExp("a","i");
//console.log(typeof reg);
//console.log(reg.test("abc"));
//创建一个正则表达式，检查一个字符串中是否有a或b
/*
* 使用 | 表示或者的意思
*/
/*
* 创建一个正则表达式检查一个字符串中是否有字母
*/
//reg = /a|b|c|d|e|f|g/;
/*
* []里的内容也是或的关系
* [ab] == a|b
* [a-z] 任意小写字母
* [A-Z] 任意大写字母
* [A-z] 任意字母
* [0-9] 任意数字
*/
reg = /[A-z]/;
//检查一个字符串中是否含有 abc 或 adc 或 aec
/*
* [^ ] 除了
*/
var reg=new RegExp("a","i");
var str="09";
reg=/111/i;
reg=/a|b|c/i;
reg=/[a-z]/i;
reg=/a[bde]c/;//reg=/a(b|d|e)c/;
reg=/[^4]/;
reg=/[^0-9]/;
var r=reg.test(str);
console.log(r);
var str = "1a2b3c4d5e6f7";
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
* - 这个方法即使不指定全局匹配，也会全都插分
*/
/*
* 根据任意字母来将字符串拆分
*/
var str = "1a2b3c4d5e6f7";
var rel=str.split(/[A-z]/);
console.log(rel);
//console.log(result);
/*
* search()
* - 可以搜索字符串中是否含有指定内容
* - 如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到返回-1
* - 它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串
* - serach()只会查找第一个，即使设置全局匹配也没用
*/
str= "hello abc hello aec afc";
/*
* 搜索字符串中是否含有abc 或 aec 或 afc
*/
rel=str.search(/a[bef]c/);//- serach()只会查找第一个，即使设置全局匹配也没用
console.log(rel);
/*
* match()
* - 可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
* - 默认情况下我们的match只会找到第一个符合要求的内容，找到以后就停止检索
* 我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容
* 可以为一个正则表达式设置多个匹配模式，且顺序无所谓
* - match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果
*
*
*/
str = "1a2a3a4a5e6f7A8B9C";
rel=str.match(/[a-z]/ig);//a,a,a,a,e,f,A,B,C
console.log(rel);
/*
* replace()
* - 可以将字符串中指定内容替换为新的内容
* - 参数：
* 1.被替换的内容，可以接受一个正则表达式作为参数
* 2.新的内容
* - 默认只会替换第一个
*/
//result = str.replace(/[a-z]/gi , "@_@");
str = "1a2a3a4a5e6f7A8B9C";
rel=str.replace(/[a-z]/ig,"&");
console.log(rel);
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>全选练习</title>
<script type="text/javascript">
/*
功能：
①全选按钮：点击后所有爱好都选中
②全不选按钮：点击后所有爱好都选中
③反选按钮：点击后所有爱好选中状态反转
④提交按钮：点击后依次弹出选中内容
⑤全选框：点击后让所有爱好的选中状态和自己一致
⑥爱好框：点满后将全选框选中，否则取消选中
*/
window.onload = function(){
var items = document.getElementsByName("items");
//1.#checkedAllBtn
var checkedAllBtn = document.getElementById("checkedAllBtn");
checkedAllBtn.onclick = function(){
setItemsChecked(true);
checkedAllBox.checked=true;
};
//2.#checkedNoBtn
var checkedNoBtn = document.getElementById("checkedNoBtn");
checkedNoBtn.onclick = function(){
setItemsChecked(false);
checkedAllBox.checked=false;
};
//3.#checkedRevBtn
var checkedRevBtn = document.getElementById("checkedRevBtn");
checkedRevBtn.onclick = function(){
setItemsChecked("reversStatus");
//点满时将checkedAllBox.checked设置为true
//统计当前items中被选中的个数
checkedAllBox.checked=isAllChecked();
};
//4.#checkedAllBox
var checkedAllBox = document.getElementById("checkedAllBox");
checkedAllBox.onclick = function(){
setItemsChecked(this.checked);
};
//5.#sendBtn
var sendBtn = document.getElementById("sendBtn");
sendBtn.onclick = function(){
for(var i = 0; i < items.length; i++) {
if(items[i].checked) {
alert(items[i].value);
}
}
};
//6.items
for(var i = 0; i < items.length; i++) {
items[i].onclick = function(){
//点满时将checkedAllBox.checked设置为true
//统计当前items中被选中的个数
checkedAllBox.checked=isAllChecked();
}
}
function isAllChecked() {
for(var j = 0; j < items.length; j++) {
if(!items[j].checked)
return false;
}
return true;
}
function setItemsChecked(checkedStatus) {
for(var i = 0; i < items.length; i++) {
items[i].checked = (checkedStatus == "reversStatus")?(!items[i].checked):checkedStatus;
}
}
}
</script>
</head>
<body>
<form method="post" action="">
你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选
<br />
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球" />乒乓球
<br />
<input type="button" id="checkedAllBtn" value="全 选" />
<input type="button" id="checkedNoBtn" value="全不选" />
<input type="button" id="checkedRevBtn" value="反 选" />
<input type="button" id="sendBtn" value="提 交" />
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>全选练习</title>
<script type="text/javascript">
window.onload = function(){
//1.#checkedAllBtn
//2.#checkedNoBtn
//3.#checkedRevBtn
//4.#sendBtn
//5.#checkedAllBox
//6.items
}
</script>
</head>
<body>
<form method="post" action="">
你爱好的运动是？<input type="checkbox" id="checkedAllBox" />全选/全不选
<br />
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球" />乒乓球
<br />
<input type="button" id="checkedAllBtn" value="全 选" />
<input type="button" id="checkedNoBtn" value="全不选" />
<input type="button" id="checkedRevBtn" value="反 选" />
<input type="button" id="sendBtn" value="提 交" />
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style >
</style>
<link href="css/srf.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function show(){
document.getElementById("nr").style.display="block";
document.getElementById("bt").innerHTML="↑输入法";
document.getElementById("bt").href="javascript:yc()";
}
function yc(){
document.getElementById("nr").style.display="none";
document.getElementById("bt").innerHTML="↓输入法";
document.getElementById("bt").href="javascript:show()";
}
</script>
</head>
<body>
<a href="javascript:yc()" id="bt">↓输入法</a>
<div id="nr" style="dsiplay:none;">
<p id="n1">智能输入法</p>
<p id="n1">五笔输入法</p>
<p id="n1">搜狗输入法</p>
</div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
