JavaScript实例库
此专栏分享的主要是JavaScript常用的经典实例,比如表单验证、高级树形菜单、停止计时器、浮动广告窗口、轮播广告、限时抢购实例内容等等,并提供个人见解,方面大家交流与学习...
陆讯
南大软院计算机科学与技术,同济大学工商管理MBA,一个懂技术的产品人,从事互联网产品事业,励志做有价值、有温度的产品...
展开
-
JavaScript - Date对象
Date对象<html> <head> <title>Date对象</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript"> function showCurre原创 2015-04-27 09:12:48 · 2059 阅读 · 2 评论 -
JavaScript - 限时抢购实例
标题<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>限时抢购倒计时原创 2015-04-26 16:43:06 · 2476 阅读 · 0 评论 -
JavaScript - 数组方法应用
数组方法应用<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>数组方原创 2015-04-26 16:40:10 · 1211 阅读 · 0 评论 -
JavaScript - 省市级联效果实例
标题<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>省市级联效果<原创 2015-04-26 16:40:01 · 2445 阅读 · 0 评论 -
JavaScript - String对象正则匹配
String对象正则匹配<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><tit原创 2015-04-26 16:36:25 · 1280 阅读 · 0 评论 -
JavaScript - 正则表达式
正则表达式<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>正则表达原创 2015-04-26 14:04:15 · 1317 阅读 · 0 评论 -
JavaScript - 表单验证实例
表单验证1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>表单验证原创 2015-04-26 14:01:15 · 10009 阅读 · 0 评论 -
JavaScript - 倒计时实例(元旦、国庆、中秋倒计时)
倒计时<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>元旦倒计时<原创 2015-04-26 13:58:59 · 5095 阅读 · 0 评论 -
JavaScript - 浮动广告窗口实例
浮动广告窗口<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>浮动广原创 2015-04-26 08:27:21 · 3166 阅读 · 0 评论 -
JavaScript - 轮播广告实例
轮播广告<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>轮播广告<原创 2015-04-26 08:25:06 · 2424 阅读 · 1 评论 -
JavaScript - 复选框的全选和取消
复选框的全选和取消<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>原创 2015-04-26 08:24:46 · 1275 阅读 · 0 评论 -
JavaScript - Tab切换效果
简单Tab切换效果<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>原创 2015-04-26 08:21:56 · 1470 阅读 · 0 评论 -
JavaScript - 高级树形菜单实例
简单的树形菜单<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>简单原创 2015-04-26 08:20:31 · 2516 阅读 · 0 评论 -
JavaScript - 元素的显示和隐藏
元素的显示和隐藏<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>元素的显示和隐藏</title> <style type="text/css"> img{ display:block; } </s原创 2015-04-26 08:17:45 · 2090 阅读 · 0 评论 -
JavaScript - document对象属性和方法
document对象的属性和方法<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test10.html</title> <script type="text/javascript"> //document对象的属性 /*aler原创 2015-04-25 15:35:49 · 1376 阅读 · 0 评论 -
JavaScript - 获取系统当前时间
获取系统当前时间<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test08.html</title> <script type="text/javascript"> function showTime(){ var t原创 2015-04-25 15:34:09 · 1417 阅读 · 0 评论 -
JavaScript - 停止计时器
停止计时器<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>停止计时器</title> <script type="text/javascript"> //页面加载完成后执行 window.onload=function(){原创 2015-04-25 15:31:06 · 8066 阅读 · 0 评论 -
JavaScript - window对象方法和事件
window对象方法和事件<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>window对象方法和事件</title> <script type="text/javascript"> /*alert(window.screen);原创 2015-04-25 15:29:22 · 1817 阅读 · 0 评论 -
JavaScript - onload事件
onload事件<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test04.html</title> <script type="text/javascript"> var count=5; function show(){原创 2015-04-25 14:12:08 · 2174 阅读 · 0 评论 -
JavaScript - 编写四则运算函数
四则运算函数<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test03.html</title> <script type="text/javascript"> //var num1=prompt("请输入第一个整数:","");原创 2015-04-25 14:09:32 · 8561 阅读 · 0 评论 -
JavaScript - Prompt的用法
Prompt的用法<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test02.html</title> <script type="text/javascript"> /*var count=prompt("请输入次数:","");原创 2015-04-25 14:07:08 · 3786 阅读 · 0 评论 -
JavaScript - 基本结构
JavaScript基本结构<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3原创 2015-04-25 14:01:07 · 1612 阅读 · 0 评论