![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
haha有仙女
想做的还做不到,想学的还没学好。我尽量啊啊啊啊啊啊
展开
-
js获取元素样式嵌入css样式
js获取元素样式嵌入css样式获取实例样板objstyleattr对象offsetWidthgetComputerStyleobjattrobjcurrentStyleattr获取对象属性的方法 封装方法一方法二js获取元素样式(嵌入css样式)获取实例样板css:<style> #box{ width:100px; height: 1原创 2017-08-26 23:14:58 · 842 阅读 · 0 评论 -
js事件冒泡
当进行事件触发时(eg:onclick),事件会往自身上面传递。 即:当一个动作触发多个事件时(点击box的动作,会触发box绑定的onclick事件,也会触发document上的onclick事件),此时会触发两个事件。 阻止冒泡,即可只触发box上的一个事件。(e.cancelBubble = true;) 具体事例 1.实现目标:一个按钮,点击后会出现一个列表。原创 2017-10-05 18:16:57 · 197 阅读 · 0 评论 -
事件捕获
事件在传递时,会有一个触发顺序。 注意:只有在标准浏览器下才有事件捕获的概念。典型例子:<style> *{margin:0;padding:0;font-family: Microsoft YaHei,serif;} li{list-style: none;} #box3{ width:200px;原创 2017-10-05 18:02:11 · 343 阅读 · 0 评论 -
js判断是否为IE678简易办法
var a = !-[1,];if(a){ alert("我是IE678")}原理介绍: alert([1,].length);//数组长度的判断,IE678会解析逗号,多一位长度1.在IE678,会弹出2, 其他,会弹出1。 2.当-[1,]时,会强制转换类型,将数组转换为数字, IE678为NaN, 其他为-1。 3.NaN为false, -1为true原创 2017-10-05 17:52:59 · 618 阅读 · 0 评论 -
js基础笔记02
弹窗的问题。alert(); 说明执行完了就被回收了!confirm() 点击确定返回true(真),点击取消返回false(假)prompt() 点击确定返回输入框里输入的内容。点击取消返回null(空)变量定义不赋值(系统会在内部默认赋值undefined)document.write()往body的里追加内容。window.onload=函数;当页面里的所有内容加载完成后,才执行。注意,如果说原创 2017-10-08 00:33:17 · 248 阅读 · 0 评论 -
js基础笔记01
代码打印alert()console.log()js代码要写在script标签里script的位置任意,根据规范,一般写在body结束标签之前。弹窗alert() 只有一个确定按钮confirm() 比alert多了一个取消按钮。prompt() 比alert多了一个取消按钮,还多了一个类似input的输入框注释单行注释: //多行注释:/* */通过id获取标签document.getE原创 2017-10-08 00:26:28 · 246 阅读 · 0 评论 -
bind的IE678的兼容写法
注意:必须写在最前面。if(!-[1,]){ Function.prototype.bind=function (oThis) { var objbind = this; //将arguments变成数组 var arg = [].slice.call(arguments,1); retu原创 2017-10-07 21:25:15 · 298 阅读 · 0 评论 -
阻止默认事件(禁止复制)
e.preventDefault()清除默认事件不兼容IE678e.returnValue=false; 清除默认事件只支持IE678return false 也可以清除默认事件无兼容问题禁止复制清除选中事件时 * 标准浏览器可以直接禁止鼠标按下事件的默认事件即可, 但是IE678 不能,只能使用原创 2017-10-05 18:29:40 · 513 阅读 · 0 评论 -
原生js添加事件(兼容)
绑定事件document.onclick=function () { alert(1); }解除事件 document.onclick=null; document.onclick=function () { alert(2) }添加事件addEventListener() 对象 . addEventListener(原创 2017-10-05 17:44:53 · 502 阅读 · 0 评论 -
时间版运动框架(匀速改变样式)
#box{ position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: pink; opacity: 1; }<div i原创 2017-08-28 21:12:30 · 273 阅读 · 0 评论 -
速度版运动框架(获得属性+requestAnimationFrame请求动画帧)
<style> *{margin:0;padding:0;font-family: Microsoft YaHei,serif;} li{list-style: none;} #box{ position: absolute; top:0; left:0;原创 2017-08-28 20:57:32 · 1006 阅读 · 0 评论 -
js鼠标滚轮事件兼容
问题:滚轮事件 * onmousewheel * 不兼容火狐 * * DOMMouseScroll * 只支持火狐 * * e.wheelDelta;(120的倍数) * 记录滚动事件的方向 * 负值是往后拉 * 正值就是往前推原创 2017-10-05 18:37:39 · 419 阅读 · 0 评论