![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 55
qq_45783949
IT|机器学习|蛮旧的新人
展开
-
transform的使用方法
transform的使用方法transform的含义是:改变,使…变形;转换transform的使用方法transform的使用方法一、旋转rotate二、移动translate三、缩放scale四、扭曲skew一、旋转rotaterotate:通过指定的角度参数对原元素指定一个效果。如果设置的值为正数表示顺时针旋转,如果设置的值为负数,则表示逆时针旋转。如:transform:rotate(30deg);二、移动translatetranslate() 根据左(X轴)和顶部(Y轴)位置给转载 2021-02-21 21:41:30 · 2783 阅读 · 1 评论 -
jQuery笔记(一)
jQuery 是一个 JavaScript 库, 极大地简化了 JavaScript 编程。网页中添加 jQuery从 jquery.com 下载 jQuery 库提示: 将下载的文件放在网页的同一目录下,就可以使用jQuery。从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery通过 CDN(内容分发网络) 引用它。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。如果你的站点用户是国内的,建议使用百度、又拍云、转载 2020-08-11 21:04:09 · 102 阅读 · 1 评论 -
flappyBird (JS)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ background: rgba(0,0,0,0.5); } #canvas { padding: 100px; } #res{ width原创 2020-08-11 20:59:50 · 186 阅读 · 1 评论 -
ES6笔记
ES6一、模板字符串基础ES5ES6注意 ` 的作用二、模板字符串应用ES5ES6(可实现标签的嵌套)三、解构赋值数组对象四、let 与 constlet存在块级作用域{}不存在声明提升不允许重复声明(包括普通变量和函数参数)const五、箭头函数(初步)ES5不带参数带单个参数带多个参数this指向问题一、模板字符串基础模板字符串作用将变量或表达式直接嵌入字符串使用反引号(``)拼接多行字符串ES5 var obj = {"name":"john","age":20}; var n原创 2020-07-27 18:01:39 · 83 阅读 · 1 评论 -
Cookie
Cookie一、Cookie的基本操作二、Cookie操作的封装setCookie()getCookie()removeCookie()一、Cookie练习七天免登录一、Cookie的基本操作1、设置cookiedocument.cookie = "username=honny";2、设置有效期var oDate = new Date(); oDate.setDate(oDate.getDate() + 3); document.cookie = "username=honny;ex原创 2020-07-27 17:30:01 · 84 阅读 · 1 评论 -
DOM二级事件
DOM2级事件处理程序添加事件监听器:addEventListener(事件名,处理函数,布尔值)移除事件监听器:removeEventListener(事件名)IE下的事件监听器:attachEvent(事件名,处理函数),detachEvent(事件名,处理函数)DOM二级事件添加事件监听器对同一事件可添加两个以上函数 ,去掉on清除事件监听事件监听 子父级(默认冒泡)事件监听 子父级 捕获事件监听 IE版(js关键代码)事件监听 兼容版添加事件监听器对同一事件可添加两个以上.原创 2020-07-20 19:36:34 · 537 阅读 · 0 评论 -
阻止默认行为(二)
阻止默认行为(二)1、阻止默认提交2、阻止默认文本输入(仅限英文)3、阻止默认右键菜单弹出@完整代码1、阻止默认提交//阻止默认提交 oForm.onsubmit = function(){ console.log("aaa"); return false; }2、阻止默认文本输入(仅限英文)//阻止默认文本输入(仅限英文) aInput[0].onkeydown = function(){ return false; }注:若要真正实现阻止文本原创 2020-07-20 17:43:56 · 100 阅读 · 1 评论 -
事件默认行为
浏览器的默认行为:JavaScript事件本身具有的属性,例如a标签的跳转,Submit按钮的提交,右键菜单,文本框的输入等。阻止默认行为的方式:event.preventDefault(); event.returnValue = false; return false;事件默认行为一、现象二、阻止默认行为的发生三种方法1、return false;2、evt.returnValue = false;3、evt.preventDefault();一、现象先上代码<!DOCTYPE.原创 2020-07-20 17:12:51 · 249 阅读 · 0 评论 -
事件详解(事件委托)
事件委托一、点击标签 显示文本内容二、利用JS追加标签三、事件委托**事件委托机制:利用事件冒泡的原理,把本应添加给某个元素上的事件委托给它的父级**一、点击标签 显示文本内容<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> li{ margin原创 2020-07-20 16:40:29 · 1407 阅读 · 1 评论 -
事件详解(事件冒泡说明)
冒泡事件冒泡说明具体代码及效果阻止冒泡事件冒泡说明当一个元素接收到事件时,会将其接收到的事件传给自己的父级,上传直到window 。(注意:这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什么表现 但事件确实传递了。)具体代码及效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>原创 2020-07-20 12:22:23 · 135 阅读 · 0 评论 -
事件详解(点击按钮或利用键盘追加文本)
**点击按钮或利用键盘追加文本**(点击发布按钮 或 ctrl+Enter键 在div中追加文本)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Case02</title> <style type="text/css"> div{ width: 500px; height: 500px; border原创 2020-07-20 11:37:17 · 162 阅读 · 1 评论