最咸的鱼 - 博客园

2017年8月21日

摘要： 1、我们希望在注册页面中添加一个字段(籍贯)，当用户选择一个具体的省份，在后面的下拉列表中动态加载该省份下所有的城市。显示的效果如下： 2、步骤分析：第一步：确定事件(onchange)并为其绑定一个函数第二步：创建一个二维数组用于存储省份和城市第三步：获取用户选择的省份第四步：遍历二维数组阅读全文

posted @ 2017-08-21 22:10 最咸的鱼阅读(3862) 评论(0) 推荐(0) 编辑

JavaScript学习——DOM对象

摘要： 1、DOM操作 Document：整个html文件都称之为一个document文档 Element：所有的标签都是Element元素 Attribute：标签里面的属性 Text：标签中间夹着的内容为text文本 Node：document、element、attribute、text统称为节点no 阅读全文

posted @ 2017-08-21 15:10 最咸的鱼阅读(384) 评论(0) 推荐(0) 编辑

JavaScript学习——使用JS完成全选和全不选操作

摘要： 1、我们希望在后台系统实现一个批量删除的操作(全选所有的复选框)和全不选，显示效果如下： 2、步骤分析：第一步：确定事件(onclick)并为其绑定一个函数（事件绑定到编号前面的复选框里面）第二步：书写函数(获取编号前面的复选框，获取其状态) 获取编号前面的复选框的状态(是否选中) 获取复选框：阅读全文

posted @ 2017-08-21 10:02 最咸的鱼阅读(962) 评论(0) 推荐(0) 编辑

2017年8月20日

JavaScript学习——JS事件总结

摘要：回顾之前已经使用过的事件 (onsubmit、onclick、onload、onfocus、onblur、onmouseover、onmouseout) onfocus/onblur：聚焦离焦事件，用于表单校验的时候比较合适（出现”用户名必填“等等） onclick/ondblclick：鼠标单击和阅读全文

posted @ 2017-08-20 17:53 最咸的鱼阅读(329) 评论(1) 推荐(0) 编辑

JavaScript学习——表格的隔行换色+高亮显示

摘要： 1、案例一：我们希望在后台页面中实现一个隔行换色的效果显示所有的用户信息，显示效果如下： 1）新标签 2)步骤分析第一步：确定事件(onload)并为其绑定一个函数第二步：书写函数(获取表格) 第三步：获取tbody里面的行数(长度rows.length) 第四步：对tbody里面的行进行遍历阅读全文

posted @ 2017-08-20 17:23 最咸的鱼阅读(1246) 评论(2) 推荐(0) 编辑

2017年8月19日

JavaScript学习——完善注册页面表单校验

摘要： 1、之前我们已经使用弹出框的方式实现了表单校验的功能，但是此种方式用户体验效果很差我们希望做成把提示信息和校验结果放在输入栏的后面。 2、步骤分析（此案例基于HTML&CSS——网站注册页面实现的）第一步：确定事件(onfocus 聚焦事件)并为其绑定一个函数第二步：书写绑定函数(在输入框的阅读全文

posted @ 2017-08-19 22:08 最咸的鱼阅读(852) 评论(0) 推荐(0) 编辑

JavaScript学习——BOM对象

摘要： 1、BOM 对象：浏览器对象模型(操作与浏览器相关的内容) 2、Window 对象 Window 对象表示浏览器中打开的窗口 setInterval():它有一个返回值，主要是提供给 clearInterval 使用 setTimeout():它有一个返回值，主要是提供给 clearTimeout 阅读全文

posted @ 2017-08-19 15:49 最咸的鱼阅读(397) 评论(1) 推荐(1) 编辑

JavaScript学习——使用JS完成页面定时弹出广告

摘要： 1、获取图片的位置(document.getElementById(“”)) 隐藏图片：display：none 定时操作：setInterval(“显示图片的函数”，3000); 2、步骤分析（此案例页面定时弹出广告基于JavaScript学习——实现首页轮播图效果实现的）第一步：在页面指定位阅读全文

posted @ 2017-08-19 12:52 最咸的鱼阅读(2938) 评论(0) 推荐(0) 编辑

JavaScript学习——使用JS实现首页轮播图效果

摘要： 1、相关技术获取元素 document.getElementById(“id 名称”) 事件(onload) 只能写一次并且放到body标签中定时操作：setInterval(“changeImg()”,3000); 2、步骤分析（此案例轮播图效果是基于HTML&CSS——使用DIV和CSS完成阅读全文

posted @ 2017-08-19 10:20 最咸的鱼阅读(4525) 评论(0) 推荐(0) 编辑

2017年8月18日

JavaScript学习——使用JS完成注册页面表单校验

摘要： 1、步骤分析第一步：确定事件(onsubmit)并为其绑定一个函数第二步：书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步：对用户输入的数据进行判断第四步：数据合法(让表单提交) 第五步：数据非法(给出错误提示信息，不让表单提交) 问题：如何控制表单提交？阅读全文

posted @ 2017-08-18 23:43 最咸的鱼阅读(3219) 评论(0) 推荐(0) 编辑