chichi0002

2022年9月15日

摘要：案例：显示隐藏密码[onclick] 案例分析: 核心思路:点击眼睛按钮,把密码框类型改为文本框就可以看见里面的密码,一个按钮两个状态,依次，切换为文本框,继续点击-次切换为密码框算法:利用一个flag变量,来判断flag的值,如果是1就切换为文本框, flag设置为0 ,如果是0就切换为密码框, 阅读全文

posted @ 2022-09-15 08:59 chichi0002 阅读(174) 评论(0) 推荐(0)

2022年9月13日

案例：循环精灵图 [backgroundPosition]

摘要：案例：循环精灵图 [backgroundPosition] 背景图的精灵图样式如下：每个背景图之间的距离使用标尺测量大约是44，所以在下列代码中才会有（i*44） ==注意== 上述代码中： lis[i].style.backgroundPosition = '0 -' + index + 'px 阅读全文

posted @ 2022-09-13 10:04 chichi0002 阅读(93) 评论(0) 推荐(0)

案例：二维码显示隐藏[display.block display.none]

摘要：案例：二维码显示隐藏[display.block \ display.none] *核心部分都在代码图片上有注释阅读全文

posted @ 2022-09-13 09:29 chichi0002 阅读(55) 评论(0) 推荐(0)

案例：密码验证框信息[innerHTML \ className \ onblur]

摘要：密码验证框信息 *注：以下主要是简单的实现密码输入的提示功能阅读全文

posted @ 2022-09-13 08:58 chichi0002 阅读(24) 评论(0) 推荐(0)

2022年9月12日

表单里面的获取焦点[onfocus]和失去焦点 [onblur]——案例：显示隐藏文本框内容

摘要：表单里面的获取焦点[onfocus]和失去焦点 [onblur]——案例：显示隐藏文本框内容案例分析：首先表单需要2个新事件，获取焦点onfocus、失去焦点onblur 如果获取焦点，判断表单里面内容是否为默认文字，如果是默认文字，就清空表单内容如果失去焦点，判断表单内容是否为空，如果为空，阅读全文

posted @ 2022-09-12 16:59 chichi0002 阅读(64) 评论(0) 推荐(0)

[DOM] 操作元素改变元素内容(element.innerText、element.innerHTML )、样式属性操作(element.style、element.className)

摘要： [DOM] 操作元素:改变元素内容(element.innerText、element.innerHTML )、样式属性操作(element.style、element.className) 1.改变元素内容 element.innerText从起始位置到终止位置的内容，但它去除html标签，同时空阅读全文

posted @ 2022-09-12 16:51 chichi0002 阅读(438) 评论(0) 推荐(0)

2022年9月11日

[DOM]事件基础：事件三要素、事件执行、常见鼠标点击事件

摘要： [DOM]事件基础：事件三要素、事件执行、常见的鼠标事件 JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的简单理解：触发——响应机制页面中的每个元素都可以产生某些可以触发JavaScript的时间，例如，我们可以在用户点击按钮时产生一个时间，然后去执行某些阅读全文

posted @ 2022-09-11 14:12 chichi0002 阅读(145) 评论(0) 推荐(0)

[DOM]获取元素：根据ID、标签名、HTML5新增的方法、特殊元素获取

摘要： [DOM]获取元素：根据ID、标签名、HTML5新增的方法、特殊元素获取 1.根据 ID 获取[.getElementById( )] 注意：原理上script是要写在标签下面，但是有方法可以解决，将script提到上方参数 id是大小写敏感的字符串，所以需要加引号，如('time') 返回的是阅读全文

posted @ 2022-09-11 11:02 chichi0002 阅读(585) 评论(0) 推荐(1)

DOM

摘要： DOM DOM树文档: -个页面就是一一个文档, DOM中使用document表示元素 :页面中的所有标签都是元素 ,DOM 中使用element表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等) , DOM中使用node表示 DOM把以上内容看做是对象阅读全文

posted @ 2022-09-11 09:15 chichi0002 阅读(22) 评论(0) 推荐(0)

# Web API

摘要： Web API Web APIs和JS基础关联性 1.JS基础阶段我们学习的是ECMAScript标准规定的基本语法要求同学们掌握JS基础语法只学习基本语法,做不了常用的网页交互效果目的是为了JS后面的课程打基础、做铺垫 2.Web APIs阶段 Web APIs是w3C组织的标准 Web 阅读全文

posted @ 2022-09-11 08:55 chichi0002 阅读(37) 评论(0) 推荐(0)

公告