weixin_50726569-CSDN博客

原创事件传播

事件传播事件的传播关于事件的传播网景公司和微软公司有不同的理解微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发当前元素上的事件，然后再向当前元素的祖先元素上传播，也就说事件应该在冒泡阶段执行。网景公司认为事件应该是由外向内传播的，也就是当前事件触发时，应该先触发当前元素的最外层的祖先元素的事件，然后在向内传播给后代元素W3C综合了两个公司的方案，将事件传播分成了三个阶段1.捕获阶段在捕获阶段时从最外层的祖先元素，向目标元素进行事件的捕获，但是默认

2020-11-27 10:54:29 106

原创绑定事件

绑定事件使用对象.事件 = 函数的形式绑定响应函数,只能同时为一个元素的一个事件绑定一个响应函数,不能绑定多个,如果绑定多个,后边会覆盖掉前边的btn.onclick = function(){ console.log(this) }btn.onmouseover = function(){ console.log("123") }addEventListener()通过这个方法也可以为元素绑定响应函数参数：1.事件的字符串，不要on2.回调函数，当事件触发时该函数会被调用

2020-11-27 10:53:43 100

原创滚动事件

1.滚动事件当页面滚动到底部时,将input框设置为disabled = false为info绑定一个滚动事件info.onscroll = function(){ console.log("scrollHeight"+info.scrollHeight) console.log("scrollTop"+info.scrollTop) console.log("clientHeight"+info.clientHeight) if(info.scrollHeight - info.sc

2020-11-27 10:53:12 1842

原创鼠标获取位置

移动鼠标获取坐标<style> #are{ width: 300px; height: 50px; border: 1px solid #0000FF; margin-bottom:10px; } #showMsg{ width: 300px; height: 20px; border: 1px solid #FF00FF; }</style><body> <div id="

2020-11-27 10:52:37 129

原创 DOM

事件对button标签绑定了一个单击事件<button onclick="alert('hello world')">按钮</button>对div标签绑定了鼠标移入的事件<div onmouseover="alert('hello javascript')"></div>文档加载1- 浏览器加载页面时，自上而下的顺序加载的，读取到一行就运行一行，如果将script标签写到页面的顶部在执行代码时，页面没有加载，页面也没有加载dom对象就会导

2020-11-27 10:51:27 51

原创 JS初级测试题

1、找到数组 [-1, -2, 1, 10, 4, 5, 8] 中的最大值，至少写出两种方法var arr = [-1, -2, 1, 10, 4, 5, 8];// 第一种var max1 = Math.max.apply(null, arr);// 第二种var max2 = arr.sort(function(a, b){ return b - a;})[0];2、封装一个函数，将字符串 “miao-wei-ke-tang” 从第二个单词开始首字母大写，然后拼成字符串 mia

2020-11-05 08:31:09 274

原创 JavaScript正则表达式+方法

正则：用于定义一些字符的规则计算机通过正则表达式检查一些字符是否符合标准正则表达式修饰符修饰符可以在全局搜索中不区分大小写:i 不区分大小写g 全局匹配m 执行多次匹配正则表达式模式方括号用于查找某个范围内的字符[a-z] 匹配一个a-z的字符[0-9] 匹配 0 至 9 的数字。元字符\d 匹配一个0-9的数值\D 匹配一个除了0-9的数值\w 匹配一个 0-9 a-z A-Z _的字符\W 匹配一个除了 0-9 a-z A-Z

2020-11-03 10:23:40 111

原创字符串函数方法

定义一个字符串var str = "Aheloworld";1- length 获取字符串的长度var str = "Aheloworld";console.log("str变量中字符串的长度为："+str.length)2- 在字符串中，每个字符是可以通过下标指定以0开始的可以通过下标的方式获取字符串中的值，但是不能进行更改3- charAt()方法可返回指定位置的字符var str = "Aheloworld";var str1 = str.charAt(3) console.l

2020-10-29 10:53:21 141

原创 Date函数

一月 Jan. January二月 Feb. February三月 Mar. March四月 Apr. April五月 May. May六月 Jun. June七月 Jul. July八月 Aug. August九月 Sept. September十月 Oct. October十一月 Nov. November十二月 D

2020-10-28 10:30:59 330

原创 Math函数

Math和其他对象不同，他不是一个构造函数他属于一个工具类不需要创建对象,但是里面封装许多运算的属性方法.圆周率console.log("圆周率："+Math.PI)abs()绝对值var num = -1; console.log("求绝对值："+Math.abs(-1))ceil()向上取整var a = 3.1; console.log("ceil(3.1)向上取整"+Math.ceil(a))var a = -3.1; console.log("ceil(-3.1)

2020-10-28 10:11:36 133

原创数组函数方法调用

数组函数方法调用1:map()此方法是将数组中的每个元素调用一个提供的函数如果作为一个新的数组返回并没有改变原数组var arr = [1,2,3,4,5]; var newArr1 = arr.map(function(a){ // 将条件的结果返回到新数组中 return a > 5 }) console.log(newArr1)2:forEach()此方法是将数组中的每个元素执行传进提供的函数没有返回值var arr = [1,2,3,4,5];arr

2020-10-27 09:48:43 5816 1

weixin_50726569的博客