随笔分类 - JavaScript
摘要：鼠标的移入事件（onmouseover）：鼠标移动到略缩图上显示 镜头和大图 鼠标的离开事件（onmouseout）：鼠标离开略缩图隐藏 镜头和大图 鼠标的移动事件（onmousemove）：镜头在略缩图上移动 大图坐标位置等比例的跟随移动 以下是详细代码：注意代码的注释说明： html部分： <!
阅读全文
摘要：效果一： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <button id="btn">走你</button> <button id="btn2">回来</button
阅读全文
摘要：//var a = 2; // try 里面的代码一定会执行 // 如果try 代码块中的代码执行出现错误或异常 // 那么错误不再有系统处理，直接交由catch处理 // 如果try中没有错误，catch不执行 try{ console.log(a); }catch(err){//err是形参接收
阅读全文
摘要：定义和用法 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意： filter() 不会对空数组进行检测。 注意： filter() 不会改变原始数组。 var arr = [10,20,30,50,10,80,200,300,400,2,6,9,8
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：函数描述 JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象。 JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。 var arr = ['张三', '李四', '王五']; var str = JSON.stringi
阅读全文
摘要：match()函数用来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。 <script type="text/javascript"> var str = 'javascript php 2021'; var pattern = /\d+/; var res = str.match(pat
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>分组捕获、反向引用</title> </head> <body> <script type="text/javascript"> var str = '1122 3434 5566
阅读全文
摘要：<script type="text/javascript"> // 点击“完成注册” 绑定点击事件 document.getElementById('reg_btn').onclick = function(){ // 设置一个标记、开关，用来记录是否出错，是否可以提交表单 var flag =
阅读全文
摘要：//test方法 搜索字符串指定的值，根据结果并返回真或假。 var str = 'php1js22'; var pattern = /^[a-z]/;//以小写字母开头 var res = pattern.test(str);//匹配字符串是否以小写字母开头 console.log(res);//
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>箭头函数</title> </head> <body> <!-- <script type="text/javascript"> //ES5中 function f(a){ ret
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>extends继承</title> </head> <body> <script type="text/javascript"> // 定义子类时，使用extends关键字 继承父
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类和对象</title> </head> <body> <!-- <script type="text/javascript"> //类 （一类事物） //使用class关键字 定
阅读全文
摘要：<script type="text/javascript"> //symbol 独一无二的值 var symbol1 = Symbol(); var symbol2 = Symbol("Alice"); console.log(symbol1, symbol2) // 输出：Symbol() Sy
阅读全文
摘要：<script type="text/javascript"> //遍历数组 var team = ["师父", "大师兄", "二师兄", "沙师弟", "小白龙"]; for(var v of team){ console.log(v);//v是数组中的一个值 } //也可以遍历字符串 var
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简化的（增强的）对象字面量</title> </head> <body> <script type="text/javascript"> // 字面量语法定义对象（ES5） //
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>参数默认值与解构</title> </head> <body> <!-- <script type="text/javascript"> //函数形参使用数组解构，预期实参是一个数
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>解构</title> </head> <body> <!-- <script type="text/javascript"> //数组解构 将数组中的值取出来并一一赋值给不同的变量
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数参数</title> </head> <body> <!-- <script type="text/javascript"> // function f1(username){
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字符串模板</title> </head> <body> <script type="text/javascript"> //js中 单双引号字符串 不能解析变量 var num
阅读全文
浙公网安备 33010602011771号