摘要: js入口函数(窗口加载事件) 第一种:当文档内容完全加载完成后触发的事件(包括图像、脚本文件、CSS文件等),就调用的处理函数 window.onload = function() {}//推荐使用 或者 window.addEventListener("load", function() {}) 阅读全文
posted @ 2021-07-10 17:39 蛋蛋仔 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 几种检测浏览器大小方法 方法一:媒体查询(css3的新语法) 媒体查询可以用于检测很多东西:自动检测viewpoint(视窗)的宽度和高度;设备的宽度和高度;旋转方向(智能手机横屏或竖屏);分辨率大小。 (一)直接写在css样式中 使用@media查询,可以针对不同的媒体类型类型定义不同的样式 使用 阅读全文
posted @ 2021-07-10 15:56 蛋蛋仔 阅读(2067) 评论(0) 推荐(0) 编辑
摘要: 表格隔行变色 一、案例分析 1、用到新的鼠标事件。鼠标经过onmouseover 鼠标离开onmouseout 2、核心思路:鼠标经过tr行,当前的行变背景颜色,鼠标离开当前行去掉当前的背景颜色 3、注意:第一行(thead里面的行)不需要改变颜色,因此我们获取的是tbody里面的行 二、代码实现 阅读全文
posted @ 2021-07-07 15:59 蛋蛋仔 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 发送短信 一、案例分析 1、按钮点击后, ①需禁用按钮diaabled为true ②同时按钮里面的内容会发生变化 2、按钮里面的倒计时秒数会发生变化,此时需要用到定时器,定义一个变量,在定时器里不断递减 3、需要设置一个判断条件,如果变量为0,说明到了时间,此时需要 ①停止定时器(清除定时器) ②复 阅读全文
posted @ 2021-07-07 14:59 蛋蛋仔 阅读(463) 评论(0) 推荐(0) 编辑
摘要: 如何实现单线边框 一、导入 table表格添加边框后,它的默认效果如下: table { width: 400px; } table, table td, table th { border: 1px solid #000000; } 二、解决方案(3种方法) 【方法一】 核心思想: 1、设置BOR 阅读全文
posted @ 2021-07-06 23:12 蛋蛋仔 阅读(80971) 评论(0) 推荐(2) 编辑
摘要: css的背景总结 属性 作用 值 background-color 背景颜色 预定义的颜色值/十六进制/RGB代码 background-image 背景图片 none(无背景图,默认的) url()使用绝对或相对地址指定背景图像 background-repeat 背景平铺 background- 阅读全文
posted @ 2021-07-06 11:15 蛋蛋仔 阅读(1673) 评论(0) 推荐(0) 编辑
摘要: 页面换肤效果 一、要求:点击相应图片,将页面背景设置为相应图片 考察知识点: ①利用for循环注册事件 ②利用js修改样式属性 二、效果展示: 三、代码实现: 1、html结构: <body> <div class="box"> <ul> <li><img src="images/1.jpg" al 阅读全文
posted @ 2021-07-06 10:22 蛋蛋仔 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 查询商品案例 要求: 1、把数据渲染到页面中(forEach) 2、根据价格显示数据(filter) 3、根据商品名称显示数据(some) 》》页面html结构如下 <style> table { width: 400px; border: 1px solid #000; border-collap 阅读全文
posted @ 2021-07-04 22:41 蛋蛋仔 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 1、题目要求:如下数组输入相应的id号,就可以返回数据对象 var data = [{ id: 1, name: '家电', goods: [{ id: 11, gname: '冰箱' }, { id: 12, gname: '服饰' }] }, { id: 2, name: '服饰' }]; 代码 阅读全文
posted @ 2021-07-04 10:37 蛋蛋仔 阅读(3744) 评论(0) 推荐(0) 编辑
摘要: 应用一:点击li输出当前li的索引号 <ul class="nav"> <li>星辰</li> <li>大海</li> <li>春暖</li> <li>花开</li> </ul> 步骤: 》》第1步:获取所有的小li // 获取所有小li var lis = document.querySelect 阅读全文
posted @ 2021-07-03 17:59 蛋蛋仔 阅读(207) 评论(0) 推荐(0) 编辑