- 博客(11)
- 收藏
- 关注
RSS订阅原创 事件传播
事件传播 事件的传播 关于事件的传播网景公司和微软公司有不同的理解 微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发当前元素上的事件， 然后再向当前元素的祖先元素上传播，也就说事件应该在冒泡阶段执行。 网景公司认为事件应该是由外向内传播的，也就是当前事件触发时，应该先触发当前元素的最外层的 祖先元素的事件， 然后在向内传播给后代元素 W3C综合了两个公司的方案，将事件传播分成了三个阶段 1.捕获阶段 在捕获阶段时从最外层的祖先元素，向目标元素进行事件的捕获，但是默认
2020-11-27 10:47:57
543
原创 绑定事件
绑定事件 使用 对象.事件 = 函数 的形式绑定响应函数,只能同时为一个元素的一个事件绑定一个响应函数,不能绑定多个,如果绑定多个,后边会覆盖掉前边的 btn.onclick = function(){ console.log(this) } btn.onmouseover = function(){ console.log("123") } addEventListener() 通过这个方法也可以为元素绑定响应函数 参数： 1.事件的字符串，不要on 2.回调函数，当事件触发时该函数会被调用
2020-11-27 10:43:11
920
原创 滚动事件
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
470
原创 鼠标获取位置坐标
移动鼠标获取坐标 <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
230
原创 DOM
事件 对button标签绑定了一个单击事件 <button onclick="alert('hello world')">按钮</button> 对div标签绑定了鼠标移入的事件 <div onmouseover="alert('hello javascript')"></div> 文档加载 1- 浏览器加载页面时，自上而下的顺序加载的，读取到一行就运行一行，如果将script标签写到页面的顶部 在执行代码时，页面没有加载，页面也没有加载dom对象 就会导
2020-11-24 10:42:56
155
原创 面试题
面试题 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
216
原创 正则
正则 [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 = "<
2020-11-03 09:54:31
234
原创 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
328
原创 Date日期函数
月份 一月 January 二月 Febuary 三月 March 四月 April 五月 May 六月 June 七月 July 八月 Aungust 九月 Srptember 十月 October 十一月 November 十二月 December Date对象 初始化日期格式 new Date() new Date(value) new Date(dataString) new Date(year,monthIndex[,day[,hours[,minutes[,seconds
2020-10-28 10:47:48
501
原创 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
372
原创 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
578
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人