![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
无你处、无江湖
这个作者很懒,什么都没留下…
展开
-
js表单的校验
2. 完成完成表单的校验2.1 需求分析 昨天我们做了一个简单的表单校验,每当用户输入出错的时候,我们是弹出了一个对话框,提示用户去修改。这样的用户体验效果非常不好好。我们今天就是需要来对他进行一个修改,当用户输入信息有问题的时候,我们就再输入框的后面给他一个友好提示。2.2 技术分析【HTML中innerHTML属性】【JS中的常用事件】onfocus 事件: 获得焦点事件onb...原创 2019-08-20 10:13:54 · 156 阅读 · 0 评论 -
使用JQ完成下拉列表左右选择
使用JQ完成下拉列表左右选择需求分析我们的商品通常包含已经有了的, 还有没有的,现在我们需要有一个页面用于动态编辑这些商品技术分析步骤分析1. 导入JQ的文件2. 文档加载函数 :页面初始化3.确定事件 : 点击事件 onclick4. 事件触发函数1. 移动被选中的那一项到右边代码实现<!DOCTYPE html><html> <head...原创 2019-08-22 12:12:50 · 171 阅读 · 0 评论 -
使用JQ完成省市联动效果
使用JQ完成省市联动效果需求分析: 在我们的注册表单中,通常我们需要知道用户的籍贯,需要一个给用选择的项,当用户选中了省份之后,列出省下面所有的城市技术分析:准备工作 : 城市信息的数据添加节点 : appendChild (JS)append : 添加子元素到末尾appendTo : 给自己找一个爹,将自己添加到别人家里prepend : 在子元素前面添加a...原创 2019-08-22 12:00:14 · 190 阅读 · 0 评论 -
使用JQuery完成表单的全选全不选功能
使用JQuery完成表单的全选全不选功能需求分析 在我们对表格处理的时,有些情况下,我们需要对表格进行批量处理,技术分析:导入JQ的包文档加载完成函数: 页面初始化获得所有的行 : 元素选择器根据行号奇数/偶数去修改颜色代码实现:<!DOCTYPE html><html> <head> <meta charset="UT...原创 2019-08-21 22:39:04 · 362 阅读 · 0 评论 -
使用JQ完成表格的隔行换色
使用JQ完成表格的隔行换色需求分析:在我们的实际开发过程中,我们的表格如果所有的行都是一样的话,很容易看花眼,所以我们需要让我们的表格隔行换色技术分析:获取所有行 table.rows遍历所有行根据行号去修改每一行的背景颜色: bgColor style.backgroundColor = “red”步骤分析:导入JQ的包文档加载完成函数: 页面初始化获得所有的行 : ...原创 2019-08-21 22:27:52 · 240 阅读 · 0 评论 -
JQuery中的选择器
JQuery中的选择器让我们能够更加精确找到我们要操作的元素基本选择器ID选择器 : #ID的名称类选择器: 以 . 开头 .类名元素选择器: 标签的名称通配符选择器: *选择器,选择器: 选择器1,选择器2基本选择器的案例<!DOCTYPE html><html> <head> <meta ch...原创 2019-08-21 22:08:02 · 69 阅读 · 0 评论 -
使用JQuery完成页面定时弹出广告
使用JQuery完成页面定时弹出广告1.1 需求分析:当用户打开界面,3秒钟之后弹出广告,这个广告显示5秒钟,隐藏广告1.2 技术分析定时器: setTimeout显示和隐藏: style.display = “block/none”什么JQuery:jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或Java...原创 2019-08-21 17:05:26 · 822 阅读 · 0 评论 -
使用JS控制下拉列表左右选择
6. 使用JS控制下拉列表左右选择6.1 需求分析:在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品6.2 步骤分析:选中已有商品中的东西,点击下面移过去,或者双击左边商品就能移过去,或者点击“>>>”全部移过去6.3 代码实现<!DOCTYPE html&...原创 2019-08-20 14:00:27 · 321 阅读 · 0 评论 -
js省市联动效果
5. 省市联动效果5.1 需求分析5.2 技术分析什么是DOM: Document Object Model : 管理我们的文档 增删改查规则【HTML中的DOM操作】一些常用的 HTML DOM 方法: getElementById(id) - 获取带有指定 id 的节点(元素) appendChild(node) - 插入新的子节点(元素) removeChild...原创 2019-08-20 13:16:04 · 112 阅读 · 0 评论 -
js复选框的全选和全不选
4. 复选框的全选和全不选4.1 需求分析 商品分类界面中,当我们点击全选框的时候,我们希望选中所有的商品,当我们取消掉的时候,我们希望不选中所有的商品4.2 技术分析 事件 : onclick点击事件4.3 步骤分析全选和全不选步骤分析:1.确定事件: onclick 单机事件2.事件触发函数: checkAll()3.函数要去做一些事情:获得当前第一个checkbox的...原创 2019-08-20 12:50:44 · 195 阅读 · 0 评论 -
js表格隔行换色
3.表格隔行换色3.1 需求分析 我们商品分类的信息太多,如果每一行都显示同一个颜色的话会让人看的眼花,为了提高用户体验,减少用户看错的情况,需要对表格进行隔行换色3.2 技术分析改变行的颜色3.3 步骤分析确定事件: 文档加载完成 onload2. 事件要触发函数: init()3. 函数:操作页面的元素要操作表格中每一行动态的修改行的背景颜色3.4 代码实现``...原创 2019-08-20 12:43:37 · 325 阅读 · 0 评论 -
### JQ实现表单校验案例
JQ实现表单校验案例技术分析trigger : 触发事件,但是会执行类似浏览将光标移到输入框内的这种浏览器默认行为triggerHandler : 仅仅只会触发事件所对应的函数is()步骤分析首先给必填项,添加尾部添加一个小红点获取用户输入的信息,做相应的校验事件: 获得焦点, 失去焦点, 按键抬起表单提交的事件代码实现style.cssbody { font:...原创 2019-08-22 17:46:43 · 212 阅读 · 0 评论