![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
cc果冻LXY
这个作者很懒,什么都没留下…
展开
-
敏感字过滤
敏感字过滤<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head&am原创 2019-01-17 18:40:13 · 193 阅读 · 0 评论 -
事件传播顺序
DOM事件存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获:通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素绑定的事件。事件冒泡:与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,直到根节点**dom标准事件流的触发的先后顺序为:**先捕获再冒泡,即当...原创 2019-03-08 08:44:04 · 9257 阅读 · 0 评论 -
浅谈js跨域
一、什么是跨域?跨域是指从一个域名的网页去请求另一个域名的资源。跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域。域名,协议,端口均相同的为同源。二、为什么会造成跨域原因就是安全问题:如果一个网页可以随意地访问另外一个网站的资源,那么就有可能在客户完全不知情的情况下出现安全问题。三、既然有安全问题,为什么还要跨域跨域是不可避免的,例如...原创 2019-03-19 21:17:09 · 159 阅读 · 0 评论 -
用函数写九九乘法口诀表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css" > #box{background:red原创 2019-02-12 22:04:43 · 513 阅读 · 0 评论 -
鼠标拖拽
控制div的边界<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ positio原创 2019-02-12 21:52:26 · 110 阅读 · 0 评论 -
prototype 和 __proto__ 和 constructor 原型链
一、prototype和__proto__的概念prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。二、prototype和__proto_...原创 2019-02-12 21:20:20 · 118 阅读 · 0 评论 -
offsetLeft、offsetTop等的区别
offsetLeft 对象相对于定位父级左边距offsetTop 对象相对于定位父级上边距offsetWidth 对象本身的宽offsetHeight 对象本身的高(包括内边距和滚动条和边框)clientHeight 本身的高度,包含被父元素滚动隐藏的部分,不包含自身的滚动条和边框clientWidth 本身的宽度,包含被父元...原创 2019-02-12 20:54:55 · 425 阅读 · 0 评论 -
js的部分兼容性写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js的部分兼容写法</title> </head> <body> <script&原创 2019-01-23 15:41:43 · 102 阅读 · 0 评论 -
排序(冒泡/选择)
冒泡排序规则两两比较,如果第一个数比第二个数大,交换位置,第一轮结束后,能取到最大值进行第二轮比较,以此类推原创 2019-01-17 08:51:36 · 99 阅读 · 0 评论 -
点击按钮,回到顶部
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>回到顶部</title> <style type="text/css"> body{height: 1500px;原创 2019-01-19 20:57:20 · 319 阅读 · 0 评论 -
按删除键,一删删除一行
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>成绩</title> <style type="text/css"> td{ border原创 2019-01-19 20:33:13 · 1137 阅读 · 0 评论 -
随机验证码
2种算法<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>验证码</title> <style type="text/css"> div{原创 2019-01-19 15:26:57 · 129 阅读 · 0 评论 -
判断密码长度及强弱程度
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text"原创 2019-01-19 14:28:27 · 954 阅读 · 0 评论 -
定时器setInterval
倒计时<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box"&原创 2019-01-19 14:12:19 · 195 阅读 · 0 评论 -
九宫格,换位置
先布局好,布局不同,js就会不同 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2019-01-18 19:25:17 · 1713 阅读 · 0 评论 -
面向对象
面向对象和面向过程 面向对象中出现了类的概念,通过类可以创建相同属性和方法的对象 面向对象的三个特点 1、封装 把数据和对数据的操作集中在一起 2、继承 一般是针对类(父类,子类),一个类型的对象可以访问另外一个类型的属性和方法 3、多态 同一种方法(sound())针对于不同对...原创 2019-02-12 20:59:54 · 80 阅读 · 0 评论 -
对时间的封装
var data = new Date() var year = data.getFullYear(); var month = data.getMonth() + 1; var weekday = data.getDate(); var h = data.getHours() + ':'; var m = data.getMinutes() + ':';...原创 2019-08-05 09:08:09 · 133 阅读 · 0 评论