webAPI
逆魂夜
这个作者很懒,什么都没留下…
展开
-
学习webAPI第四天
为元素绑定事件对象.addEventListener(“事件的类型”, 事件的处理函数 , false) ie8不支持参数1: 事件的类型–>事件的名字,没有on参数2: 事件的处理函数–>匿名函数/ 命名函数参数3: 布尔值, 目前写false 默认值就是false对象.attachEvent(“有on的事件类型”,事件的处理函数) ie8特有 谷歌和火狐不支持...原创 2019-01-10 18:54:56 · 117 阅读 · 0 评论 -
初学webAPI时的笔记好案例
今天开始学习APIjs的三个部分:1.ECMAscript js的基本语法2.DOM 文档对象模型, 操作的是页面元素3.BOM 浏览器对象模型, 操作的是浏览器文档: html文件, 由万物皆对象, 这个文档也可以看成是一个对象页面中的每一个表签都是一个元素节点(node): 页面中的所有内容都是节点: 标签 文本 属性根节点(root): html...原创 2019-01-07 18:13:59 · 90 阅读 · 0 评论 -
学习webAPI第五天
今天学习事件冒泡事件: 多个元素嵌套, 有层次关系, 如都注册了相同的事件, 若点击了里面的盒子, 会从里往外依次触发阻止冒泡事件 e.stopPpropagetion()ie8没有事件对象 ie8阻止冒泡事件 window.event.cancelBubble = true;阻止默认的事件 return false e.preventDefault三个事件阶段...原创 2019-01-13 20:09:00 · 84 阅读 · 0 评论 -
学习webAPI第二天
点击图片,图片转换代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&原创 2019-01-08 19:09:53 · 128 阅读 · 0 评论 -
学习webAPI第六天-轮播图
学习完轮播图,但还有些搞不明白,可能是做到少的原因,往后做的多可能就明白了轮播图代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style ty原创 2019-01-14 21:39:37 · 578 阅读 · 1 评论 -
学习webAPI第三天
动态元素创建的方法元素创建的三种方式:document.write(“内容和标签”) 有页面上的内容会被覆盖对象.innerHTML = “内容和标签” 对象中的内容被覆盖document.createElement(“标签的名字”) 创建完之后追加到父级元素 对象.appendChild(“要添加的标签对象”) 添加到父元素的末尾节点的介绍:顶级对象 : 文档的对...原创 2019-01-09 18:45:03 · 93 阅读 · 0 评论 -
封装变速动画函数
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { paddin原创 2019-01-15 19:26:44 · 237 阅读 · 0 评论 -
学习webAP第七天
client可视区域clientWidth: 可视区域的宽度(没有边框)clientHeight: 可视区域的高度(没有边框)clientLeft: 左边边框的宽度clientTop: 上边边框的宽度clientX: 离窗口左边的距离clientY: 离窗口上边的距离event事件: 谷歌和火狐支持window.event: 谷歌和ie8支持document.on...原创 2019-01-16 19:30:13 · 255 阅读 · 0 评论