笔记
普通网友
这个作者很懒,什么都没留下…
展开
-
JS遇到的坑
Attention1.如何获取option值2.伪数组3.eval 1.如何获取option值 获取select中点击option的值: <select name="" id=""> <option value="">123</option> <option value="">456</option> <option value="">789</option> </select> <原创 2020-11-28 21:29:11 · 126 阅读 · 0 评论 -
JavaScript事件对象和事件委托
事件对象 特点 1.在侦听函数的(event自己命名的),做形参 2.不需要传递参数 3.对象是事件的一系列相关的数据集 常用的数据类型 e.target //返回触发事件的对象 e.type //检测返回事件的类型(事件不带on) e.preventDefault //阻止默认行为(链接的跳转,不提交数据) e.stopPropagation //阻止事件冒泡(哪一层阻止就停止传播) 事件委托 原理 不用给每个子节点单独设置事件监听器,通过只给其父元素设置监听器,利用事件冒泡原理达到给每个子原创 2020-11-24 10:42:32 · 153 阅读 · 0 评论 -
3类事件注册
不同的注册事件传统注册事件html上注册DOM0级h5新增不同点删除事件传统addEventListener 传统注册事件 html上注册 <button onclick="alert('哈哈哈')">点击我</button> 效果: DOM0级 var button = document.querySelector('button'); button.onclick = function() { alert('嘻嘻嘻'); } 效果: h5新增 var button原创 2020-11-23 23:22:50 · 190 阅读 · 0 评论 -
DOM元素的获取和添加
DOM相关的操作元素获取元素创建和添加元素内容的添加 <div id="id">我是ID名</div> <div class="class">我是类名1</div> <div class="class">我是类名2</div> <span>我是标签名</span> 元素获取 // 以下都是以document.来获取 // 1.getElementById(), 获取ID名 var id = document.g原创 2020-11-17 23:10:54 · 393 阅读 · 0 评论 -
JavaScript的settimeout和setinterval
超时调用和间歇调用超时调用setTimeout调用方法取消超时调用间歇调用setInterval调用方法取消间歇调用区别 超时调用setTimeout setTimeout()方法接受两个参数:第一个是要执行的代码,可以是字符串或者函数,第二个是在执行代码时需要等待的时间(以毫秒计时); 最重要的是setTimeout只执行以一次 调用方法 // 第一种通过传递字符串(不建议使用) setTimeout("console.log('123')", 2000); //123 // 第二种通过函数(建议使用)原创 2020-11-15 11:04:07 · 84 阅读 · 0 评论 -
正则表达式(初学)
JavaScript正则表达式什么是正则表达式和作用正则表达式的使用创建正则表达式特殊字符边界符字符类量词符 什么是正则表达式和作用 1.在js中是一个对象 2.用于匹配字符串 3.过滤敏感词汇 4.根据输入内容提示词汇 正则表达式的使用 创建正则表达式 用 变量名.test()来检测是否匹配 // 第一种创建方式:var regexp = new Regexp(); var regexp = new RegExp(/123/); console.log(regexp.test('123')); //原创 2020-11-11 23:39:25 · 280 阅读 · 0 评论 -
JavaScript二维数组的创建和排序
二维数组的创建以及排序代码示例 代码示例 <script> // 创建一个二维数组 var arr = new Array(); // 创建一个一位数组 for(var i = 0; i < 10; i++) { arr[i] = new Array(); // 二维数组创建成功 // 现在就可以往里面添加元素 } // 二维数组的排序(升序排列, 降序排列原创 2020-11-03 12:22:32 · 309 阅读 · 0 评论 -
统计字符串的次数最多
查询字符串中某字符的出现次数原创 2020-11-01 20:28:16 · 330 阅读 · 1 评论 -
新手学习css flex布局笔记
学习flex布局笔记布局原理父元素的属性子元素的属性 笔记 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style原创 2020-10-19 21:33:34 · 220 阅读 · 0 评论