w0012236948-CSDN博客

原创事件传播

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

2020-11-27 10:47:57 502

原创绑定事件

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

2020-11-27 10:43:11 873

原创滚动事件

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 09:10:01 422

原创鼠标获取位置坐标

移动鼠标获取坐标<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-25 09:49:31 161

原创 DOM

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

2020-11-24 10:42:56 93

原创面试题

面试题1.找到数组 [-1,-2,1,10,4,5,8] 中的最大值第一种var arr = [-1, -2, 1, 10, 4, 5, 8]; var max1 = Math.max.apply(null, arr); console.log(max1)第二种var max2 = arr.sort(function(a, b){ return b - a; })[0]; console.log(max2)第三种var max

2020-11-04 19:06:46 167

原创正则

正则[0-9] 匹配一个0-9的数值\d 匹配一个0-9的数值\D 匹配一个除了0-9的数值[^0-9] 匹配一个除了0-9的数值\w 匹配一个0-9 a-z A-Z _的字符\W 匹配一个除了0-9 a-z A-Z _的字符[^0-9 A- z _ ] 匹配一个除了0-9 a-z A-Z _的字符1.* 0个以上 2. ? 0个或1个 3. . 除了换行符\n之外的所有字符 4. + 一个以上贪婪模式 /.*/var str = "&lt

2020-11-03 09:54:31 184

原创 JavaScript字符串函数

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

2020-10-29 10:50:59 220

原创 Date日期函数

月份一月 January二月 Febuary三月 March四月 April五月 May六月 June七月 July八月 Aungust九月 Srptember十月 October十一月 November十二月 DecemberDate对象初始化日期格式new Date()new Date(value)new Date(dataString)new Date(year,monthIndex[,day[,hours[,minutes[,seconds

2020-10-28 10:47:48 444

原创 Math函数

Math函数1.圆周率console.log("圆周率："+Math.PI)2.绝对值abs()var num = -1; console.log("求绝对值："+Math.abs(-1))3.取整(1).ceil()向上取整var a = 3.1; console.log("ceil(3.1)向上取整"+Math.ceil(a))//4 var a = -3.1; console.log("ceil(-3.1)向上取整"+Math.ceil(a)//-3(1).flo

2020-10-28 10:22:12 312

原创 JavaScript数组函数

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

2020-10-27 09:58:47 527

w0012236948的博客