摘要: //鼠标事件 onclick 鼠标点击右键触发 onmouseover 鼠标经过触发 onmouseout 鼠标离开触发 onfocus 获得鼠标焦点触发 onblur 失去鼠标焦点触发 onmousemove 鼠标移动触发 onmouseup 鼠标弹起触发 onmousedown 鼠标按下触发 阅读全文
posted @ 2021-02-24 19:55 棉花糖88 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 常用鼠标事件 onclick 当用户点击某个对象时调用的事件句柄。 2 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事件句柄。 2 onmousedown 鼠标按钮被按下。 2 onmouseenter 当鼠标指针移动到元素上时 阅读全文
posted @ 2021-02-24 18:13 棉花糖88 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 1)排他思想 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //1 获取所有按钮元素 var btns 阅读全文
posted @ 2021-02-24 11:42 棉花糖88 阅读(107) 评论(0) 推荐(0) 编辑
摘要: //核心思路 //1 需要得到系统时间 //2 用多分支设置不同的图片个问候语 //3 修改图片的src属性 //4 div来存放问候语 修改里面的内容 //1 获取页面元素 var img = document.getElementsByTagName('img');//得到图片元素对象 var 阅读全文
posted @ 2021-02-24 11:16 棉花糖88 阅读(67) 评论(0) 推荐(0) 编辑
摘要: <button id="btn">按钮</button> <input type="text" value="请输入内容"> <script> //需求: 点击按钮 表单里面的值改变 //1 获取元素 var btn = document.querySelector('#btn'); var inp 阅读全文
posted @ 2021-02-24 11:13 棉花糖88 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 用户如果离开密码框,里面输入个数不是6~16,则提示错误信息,否则提示输入正确信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w 阅读全文
posted @ 2021-02-24 11:11 棉花糖88 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 当鼠标点击文本框时,里面的默认文字隐藏,当鼠标离开文本框时,里面的文字显示。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2021-02-24 11:00 棉花糖88 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 可以利用 for 循环设置一组元素的精灵图背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal 阅读全文
posted @ 2021-02-24 10:58 棉花糖88 阅读(121) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-02-24 10:53 棉花糖88 阅读(81) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript</title> <style> .box { position: relative; width: 400px; margin: 50px 阅读全文
posted @ 2021-02-24 10:41 棉花糖88 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 知识梳理 // 在DOM中所有元素都是节点 // 1 文档节点:这个文档就是一个文档节点 // 2 元素节点:所有HTML标签 // 3 属性节点:所有HTML的属性 // 4 文本节点:所有文本内容 [包含 空格 换行 ] // 5 注释节点:注释 常用属性 阅读全文
posted @ 2021-02-24 10:19 棉花糖88 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 一 全局属性 Infinity //代表正的无穷大的数值。 NaN //指示某个值是不是数字值。 undefined //指示未定义的值。 二 全局函数 decodeURI() 解码某个编码的 URI。 decodeURIComponent() 解码一个编码的 URI 组件。 encodeURI() 阅读全文
posted @ 2021-02-24 08:47 棉花糖88 阅读(113) 评论(0) 推荐(0) 编辑
摘要: var re = new RegExp("\\w+"); 阅读全文
posted @ 2021-02-24 08:41 棉花糖88 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 1)知识梳理 Number 对象是原始数值的包装对象。 2)创建方式 var num = new Number(value); 3)常用属性 var num = 11; console.log(num.constructor); //返回对创建此对象的 Number 函数的引用。 console.l 阅读全文
posted @ 2021-02-24 08:39 棉花糖88 阅读(64) 评论(0) 推荐(0) 编辑