随笔分类 -  JS

每一篇、每一点都是在下学习成长过程中亲身经历的，乐于分享、共同进步！
JS实战 · 实践积累点滴杂烩
摘要：onmouseover : 鼠标进入 onmouseout : 鼠标离开 onfocus：得到焦点 表单提交执行JS代码，有两种常用方式。 一：在局部（比如按钮定义处）用onclick="return Check()"; 二：在表单form处用onsubmit="retnrn Check(this) 阅读全文
posted @ 2016-12-10 23:33 人间烟火地三鲜 阅读(237) 评论(0) 推荐(0)
JS实战 · 零碎笔记
摘要：onclick：单击时触发事件 onmouseover：鼠标进入时触发事件 onmouseout：鼠标离开时触发事件 事件三要素：最基础的内容 事件源：有监听的HTML 标签，能响应事件的HTML 标签，就是事件源。 事件名：用户的特定行为，比如onclick 事件的响应：就是一个个function 阅读全文
posted @ 2016-12-10 23:31 人间烟火地三鲜 阅读(222) 评论(0) 推荐(0)
JS实战 · 复选框全选操作
摘要：思路： 1、获取被选中checkbox，通过checked属性的状态完成； 2、获取被选中的checkbox的value值； 3、求所有value的和sum； 4、定义span区域存储和sum； 代码如下： <html> <head> <meta http-equiv="Content-Type" 阅读全文
posted @ 2016-12-10 23:29 人间烟火地三鲜 阅读(348) 评论(0) 推荐(0)
JS实战 · 表格行颜色间隔显示，并在鼠标指定行上高亮显示
摘要：思路： 1、获取所有行对象，将需要间隔颜色显示的行对象进行动态的className属性指定； 前提是：先定义好类选择器，就是说给行对象赋予name. 2、高亮用到两个事件：onmouseover（鼠标进入事件）、onmouseout（鼠标移 出事件） 3、为了方便可以在遍历行对象时将每一个行对象都进 阅读全文
posted @ 2016-12-10 23:27 人间烟火地三鲜 阅读(1326) 评论(0) 推荐(0)
JS实战 · 级联菜单选择省份和城市（两种）
摘要：DOM编程步骤、思路 1、定义界面： 通过html标签将数据进行封装； 2、定义一些静态样式： 利用css； 3、需要动态地完成的和用户的交互： a:明确事件源； b:明确事件，将事件注册到事件源上； c:通过JS的函数对象对事件进行封装； d:在处理过程中需要明确处理区域。 代码一如下： <htm 阅读全文
posted @ 2016-12-10 23:25 人间烟火地三鲜 阅读(11607) 评论(2) 推荐(1)
JS实战 · 表单验证
摘要：思路： 1、定义页面 通过表格格式化表单； 表格行都有自己的背景颜色； 单元格中的数据(文本等)用div进行封装，好操作； 2、定义样式 表格的样式； div的样式； 3、动态效果 页面加载时，将所有的输入框定义默认框线颜色和获取焦点时的框线颜色； 进行内容校验，不正确时显示警告信息。 代码如下： 阅读全文
posted @ 2016-12-10 23:23 人间烟火地三鲜 阅读(397) 评论(0) 推荐(0)
JS实战 · 仿css样式选择器
摘要：代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>仿css样式选择器</title> <style type="text/css"> #textid{ heigh 阅读全文
posted @ 2016-12-10 08:47 人间烟火地三鲜 阅读(916) 评论(0) 推荐(0)
JS实战 ·  收缩菜单表单布局
摘要：获取节点的两种方式： 1、通过event对象的srcElement属性； 2、通过事件源对象用this传入。 代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>收 阅读全文
posted @ 2016-12-10 08:46 人间烟火地三鲜 阅读(667) 评论(0) 推荐(0)