超实用的JavaScript代码段
会JavaScript的人很多,但精通JavaScript的人很少!希望通过本专栏讲JavaScript难点都融入一个个的小例子中,和大家分享,一齐进步!
小平果118
我是一匹奔腾的野马,需要你来征服。。。。。
展开
-
超实用的JavaScript代码段 Item8 -- js对象的(深)拷贝
js 对象 浅拷贝 和 深拷贝1.浅拷贝拷贝就是把父对像的属性,全部拷贝给子对象。下面这个函数,就是在做拷贝:var Chinese = { nation:'中国'}var Doctor = { career:'医生'} function extendCopy(p) { var c = {}; for (var i in p) { c[i] = p[i原创 2016-09-04 12:03:10 · 1862 阅读 · 1 评论 -
超实用的JavaScript代码段 Item7 -- “&&”和“||”操作符总结
1、||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。alert(true||false); // truealert(false||true); // truealert(true||true); // truealert(false||false); // false这个傻子都知道~~ 但是,从深层意义上来说的话原创 2016-07-18 01:09:41 · 5305 阅读 · 1 评论 -
超实用的JavaScript代码段 Item6 -- 对Json的增删改属性
使用JS对Json数据的处理,项目遇到需要对Json数据进行相关操作,比如增删改操作,本以为会比较难,网上搜索下,发现还是比较简单的,贴一段代码:<script type="text/javascript"> var json = { "age":24, "name":"cst" }; //修改Json中原创 2016-07-11 23:12:51 · 3076 阅读 · 0 评论 -
超实用的JavaScript代码段 Item5 --图片滑动效果实现
先上图鼠标滑过那张图,显示完整的哪张图,移除则复位:简单的CSS加JS操作DOM实现:<!doctype html><html> <head> <meta charset="UTF-8"> <title>sliding doors</title> <link rel="stylesheet" href="styles/reset.css" /原创 2015-11-08 16:37:10 · 2234 阅读 · 2 评论 -
超实用的JavaScript代码段 Item4 --发送短信验证码
发送短信验证码实现点击“发送验证码”按钮后,按钮依次显示为“59秒后重试”、“58秒后重试”…直至倒计时至0秒时再恢复显示为“发送验证码”。在倒计时期间按钮为禁用状态 .第一步、获取按钮、绑定事件、设置定时器变量和计时变量第二步、添加定时器,每隔1秒钟计时减 1,直至当计时小于等于 0 时清除定时器,按钮恢复为“发送验证码”,否则显示为“X秒后重试”<!doctype html><html lan原创 2015-10-31 10:48:10 · 1765 阅读 · 0 评论 -
超实用的JavaScript代码段 Item3 --图片轮播效果
图片轮播效果图片尺寸 统一设置成:490*170px;一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index二、添加定时器,每隔2秒钟index递增一次、调用一次切换图片函数提示:1、 index不能一直无限制的递增下去,需做判断2、调用切换图片函数时需将递增之后的index作为参数传过去三、定义图片切换函数提示: 1.遍历所有放数原创 2015-10-31 10:17:17 · 1816 阅读 · 3 评论 -
超实用的JavaScript代码段 Item2 --伸缩菜单栏
伸缩菜单栏点击标题时判断该标题下的菜单是否显示,如果是显示的则将其隐藏,如果是隐藏的则将其显示出来。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding原创 2015-10-31 10:02:46 · 1625 阅读 · 0 评论 -
超实用的JavaScript代码段 Item1 --倒计时效果
现今团购网、电商网、门户网等,常使用时间记录重要的时刻,如时间显示、倒计时差、限时抢购等,本文分析不同倒计时效果的计算思路及方法,掌握日期对象Date,获取时间的方法,计算时差的方法,实现不同的倒时计效果。1、简单时间显示讲解日期对象Date,并通过该对象获取时、分、秒等,让你自由提取所需时间内容。<!DOCTYPE html><html><head> <title>获取时间</titl原创 2015-10-31 09:52:18 · 1716 阅读 · 1 评论