突出显示案例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; } body { background: #000; } .wrap { margin: 100px auto 0; width: 630px; height: 394px; padding: 10px 0 0 10px; background: #000; overflow: hidden; border: 1px solid #fff; } .wrap li { float: left; margin: 0 10px 10p...

淘宝精品案例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; font-size: 12px; } ul { list-style: none; } a { text-decoration: none; } .wrapper { width: 298px; height: 248px; margin: 100px auto 0; border: 1px solid pink; overflow: hidden; } #left, #center, #right { float: left; } #left li, #right ...

正则表达式new和分组注意点

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 1. new RegExp 要注意的问题 // var reg = /\d/; //var reg = new RegExp('正则规则', '参数'); // var reg = new RegExp('\d'); //这么写不认为\d是特殊字符 // var reg = new RegExp('\\d'); //这么写不认为\d是特殊字符 //console.log(reg.test('123')); // 2. 分组 // 数字3位.数字3位.数字3位.数字3位.数字3位 // var reg = /^\d{3}\.\d{3}\.\d{3}\.\d{3}\.\d{3}...

正则表达式提取替换

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //匹配 // 正则对象.test(字符串) //提取 // 字符串.match(正则对象); //提取字符串中的数字部分 // var str = "张三:1000,李四:5000,王五:8000。"; //// var reg = /\d+/; //只能拿到字符串中的1000 // var reg = /\d+/g; //只能拿到字符串中的1000 // //正则的参数 g 全局 // console.log(str.match(reg)); //了解: // 正则对象.exec(...

正则表达式(表单验证)

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 一客的邮箱: <input type="text" id="txt"> <span id="des"></span> <script> // 需求: 当input失去焦点的时候,验证input中输入的是不是一客的邮箱,如果是,就展示一个绿色的字,表示通过,如果不是,则展示红色的字,提示用户 // 1.获取元素 var txt = document.getElementById('txt'); var des = document.getElementById('des'); // 2.给input注册失去...

正则表达式简单验证

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 手机号 // 138,139,186,189,170,152,135,188, var reg = /^1[3587][896025]\d{8}$/; console.log(reg.test(12888888888)); // 邮编 // 上海的邮编 20 // var reg = /^20\d{4}$/; //邮箱 xxx@xxx.com/cn var reg = /^\w+@\w+\.(com|cn)$/; console.log(reg.test('luodianlei@itcast.c')); </script> </body> </html>

正则表达式

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 在js中 把正则抽象成了对象 通过new RegExp可以创建正则 // var reg = new RegExp() // var reg = /字符/; //两个//,如果中间没有是注释,中间随意写个字符就是正则表达式字面量形式 // 正则对象.test(字符串) 如果字符串符合正则公式,就返回true,否则,返回false // 特殊字符: // 元字符: // \d 代表数字 digit...

递归函数-斐波那契数列

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> <script> //斐波那契数列 1 1 2 3 5 8 13 function fn(n){ if(n == 1 || n== 2){ return 1; } return fn(n - 1) + fn(n - 2); } console.log(fn(6)); </script> </html>