随笔分类 -  JavaScript(回顾)

摘要:JS事件基础 event对象和事件冒泡 什么是event对象 用来获取时间的详细信息:鼠标位置,键盘按键 例子:获取鼠标的位置:clientX鼠标点击横坐标;clientY鼠标点击纵坐标 document的本质:document.childNodes[0].tagName ​ ——获取页面第一个子节 阅读全文
posted @ 2020-06-01 23:05 roastpotato 阅读(169) 评论(0) 推荐(0)
摘要:JS运动中级 链式运动框架 回调函数 运动停止时,执行函数 运动停止时,开始下一次运动 实际上就是在原先的move运动框架中添加了一个参数fnEnd,这个参数是一个函数,父函数的运动执行完后再执行fnEnd中的运动,形成了链式运动。 例子:土豆右下角菜单 ​ 这里只附上了js代码,详细的css样式代 阅读全文
posted @ 2020-05-30 17:59 roastpotato 阅读(209) 评论(0) 推荐(0)
摘要:JS运动应用 多物体运动框架 多个物体同时运动 例子:多个Div,鼠标移入变宽 单定时器,存在问题 每隔Div一个定时器 /*多个div边宽还原*/ window.onload=function(){ var aDiv=document.getElementsByTagName('div'); // 阅读全文
posted @ 2020-05-29 22:47 roastpotato 阅读(175) 评论(0) 推荐(0)
摘要:JS运动基础 运动基础 让Div动起来 速度——物体运动的快慢 运动中的Bug 不会停止 速度取某些值会无法停止 到达位置后再点击还会运动 重复点击速度加快 /*运动框架*/ var timer=null; //用来获取定时器 function startMove() { var oDiv=docu 阅读全文
posted @ 2020-05-28 23:41 roastpotato 阅读(205) 评论(0) 推荐(0)
摘要:BOM应用 BOM基础 打开关闭窗口 open 蓝色理想运行代码功能 window.onload=function(){ var oTxt=document.getElementById('txt1'); var oBtn=document.getElementById('btn1'); oBtn. 阅读全文
posted @ 2020-05-28 22:21 roastpotato 阅读(173) 评论(0) 推荐(0)
摘要:DOM操作应用高级 表格应用 -1 获取 ​ tBodies(数组),tHead(一个元素),tFood(一个元素),rows,cells 隔行变色(鼠标移入高亮) /*小例子 隔行变色,鼠标移入变色移出还原*/ window.onload=function(){ var oTab=document 阅读全文
posted @ 2020-05-27 17:00 roastpotato 阅读(199) 评论(0) 推荐(0)
摘要:DOM基础 DOM基础 - 1 什么是DOM ​ DOM实际上就是document,对页面上所有元素的操作都是通过document操作的 浏览器支持 浏览器 支持程度 IE 10% Chrome 60% FF 99% DOM节点 childNode子节点 <html> <head> <meta ch 阅读全文
posted @ 2020-05-26 20:57 roastpotato 阅读(148) 评论(0) 推荐(0)
摘要:定时器的使用 定时器的作用 setInterval 间隔型 setTimeout 延时型 function show(){ alert('a'); } setInterval(show,1000); //间隔型,每隔1秒输出 setTimeout(show,1000); //延时型,延时1秒后输出 阅读全文
posted @ 2020-05-26 12:12 roastpotato 阅读(248) 评论(0) 推荐(0)
摘要:深入了解JavaScript 函数返回值 什么是函数的返回值 函数的执行结果 可以没有return 一个函数应该只返回一种类型的值 函数传参 可变参(不定参):arguments ​ 参数的个数可变,参数数组 例子1:求和 /*arguments 可变参 不定参 例一:求和*/ function s 阅读全文
posted @ 2020-05-25 10:08 roastpotato 阅读(62) 评论(0) 推荐(0)
摘要:JavaScript基础 JavaScript组成 ECMAScript:解释器,翻译 DOM:Document Object Model BOM:Browser Object Model 各组成部分兼容性,兼容性由来 ECMAScript:翻译 解释器(JavaScript核心) DOM:Docu 阅读全文
posted @ 2020-05-24 19:58 roastpotato 阅读(101) 评论(0) 推荐(0)