JavaScript资料,JavaScript文章,JavaScript文档-易库教程

javascript获取系统当前时间的方法

2017年02月06日 12 阅读

本文实例讲述了javascript获取系统当前时间的代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html><head><title>获取时间</title><script type="text/javascript">window.onload = function（）{showTime（）;}function showTime...

分享纯手写漂亮的表单验证

2017年02月06日 11 阅读

哈哈手工馒头好吃，今天小编跟大家分享手工js表单验证代码，感兴趣的朋友快来吧。因为是自定义样式，所以兼容所有浏览器版本，个人认为非常漂亮：网址wuxi.rongzi.comcss <style> /*tooltip*//* CSS属性顺序按照字母首字母排列*/ .ui-slider-tooltip{background:#fa; border:px solid #fa;color:#fff;display: block;text-alig...

跟我学习javascript的定时器

2017年02月06日 11 阅读

一、定时器概述window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout（）和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：window.setTimeout（expression,milliseconds）; window.setInterval（expression,milliseconds）; 其中，expression可以是...

javascript设计简单的秒表计时器

2017年02月06日 11 阅读

本文实例讲述了javascript设计简单的秒表计时器的实现代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：<html> <head> <title> New Document </title> </head> <body><form action="somepage.asp"> <input type="text" value="0" name...

jquery实现表格隔行换色效果

2017年02月06日 11 阅读

本文实例讲述了jquery实现表格隔行换色效果的代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：1、新建一个web项目，jQuery；2、在WebContent目录下新建script文件夹，将jquery-1.10.1.js复制到script中；3、同样，新建TableColor.html；TableColor.html：<！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitio...

javascript中checkbox使用方法实例演示

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下：运行效果截图如下：（1）全选（2）部分选（3）反选（全不选）具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta htt...

jquery通过扩展select控件实现支持enter或focus选择的方法

2017年02月06日 11 阅读

本文实例讲述了jquery通过扩展select控件实现支持enter或focus选择的方法。分享给大家供大家参考，具体如下：/**************************************** @ author jdkleo* @ date 2013/2/27 JQuery SelKeysUSAGE: jQuery.selkeys.enter（jQuery（"#selcon"））; jQuery.selkeys.focus（jQuery（"#...

javascript实现二级级联菜单的简单制作

2017年02月06日 11 阅读

本文实例讲述了javascript实现二级级联菜单的简单制作方法。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title></title><meta http-equiv="pragma" content="no-cac...

Jquery实现仿京东商城省市联动菜单

2017年02月06日 11 阅读

本文实例讲述了Jquery实现仿京东商城省市联动菜单的简单实例代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="assets/css/...

Node.js中使用socket创建私聊和公聊聊天室

2017年02月06日 12 阅读

先给大家展示效果图：在上篇文章给大家介绍使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室，本文继续介绍Node.js中使用socket创建私聊和公聊聊天室，具体详情请看下文吧。nodejs的应用中，关于socket应该是比较出彩的了，socket.io在github上有几万人的star，它的成功应该是不输于express的，为了方便了解整个socket.io的使用.例子请点击http://chat.lovewebgames.com...

浅析nodejs实现Websocket的数据接收与发送

2017年02月06日 11 阅读

WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。在WebSocket API中，浏览器和服务器只需要要做一个握手（handshaking）的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。WebSocket是一个通信的协议，分为服务器和客户端。服务器放在后台，保持与客户端的长连接，完成双方通信的任务。客户端一般都是实现在支持HTML5浏览器核心中，通过提供JavascriptAPI使...

基于html5和nodejs相结合实现websocket即使通讯

2017年02月06日 11 阅读

最近都在学习HTML5，做canvas游戏之类的，发现HTML5中除了canvas这个强大的工具外，还有WebSocket也很值得注意。可以用来做双屏互动游戏，何为双屏互动游戏？就是通过移动端设备来控制PC端网页游戏。这样的话就要用到实时通讯了，而WebSocket无疑是最合适的。WebSocket相较于HTTP来说，有很多的优点，主要表现在WebSocket只建立一个TCP连接，可以主动推送数据到客户端，而且还有更轻量级的协议头，减少数据传送量。所以We...

Bootstrap每天必学之前端开发框架

2017年02月06日 12 阅读

BootStrap学习从现在开始，前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。本文总结了Bootstrap之所以广泛流传的11大原因。如果你还没有使用Twitter Bootstrap，建议你去了解一下。小编也是最近才有所发现的，不过有更好的消息，在前两天微软发布的VS2013正式版中，也已经将BootStrap3.0的版本加入了额，连微软都看到bootStrap的强大，而且它的确很不错，所以我也不得不学习。boots...

Jquery 全选反选实例代码

2017年02月06日 12 阅读

本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的WEB爱好者。//全选全不选 $（"#checkAll"）.click（function （） {//判断是否被选中var bischecked = $（"#checkAll"）.is（":checked"）;var fruit = $（"input[name=...

jquery实现横向图片轮播特效代码分享

2017年02月06日 11 阅读

一个纯jq形式的横向轮播焦点图，可点击小圆点或者左右按钮进行切换，属于定宽类型。改成自适应宽度的也不难，将css里面的bannerCon宽度改为百分比，再在js里面将ul和li的宽度跟随父级容器的宽度变化即可，需要用到$（window）.resize。兼容到IE6+以上浏览器，有轮播速度和切换间隔两个参数可以改。效果图如下：Html代码如下：<！doctype html><html lang="zh-CN"><head>...

Bootstrap每天必学之简单入门

2017年02月06日 11 阅读

在上一篇文章中主要是简单的介绍了一下Bootstrap，这篇文章进一步了解相关内容，为之后的学习打下基础。从Visual Studio 2013前不久的更新中看，微软是将Bootstrap3的新版本加入到了VS当中，所以学习Bootstrap3也没什么顾虑了。一、下载BootStrap官网的文件很详细简单，对于下载来说也有多种方式。对于我们开发者来说，估计最简单的方式就是直接下载编译和压缩后的CSS、JavaScript文件，另外还包含字体文件，但是不包含...

js鼠标点击图片切换效果实现代码

2017年02月06日 11 阅读

本文实例讲述了js鼠标点击图片切换效果实现代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：html代码： <div id="menuWrapper" class="menuWrapper bg1"><ul class="menu" id="menu"><li class="bg1" style="background-position:0 0;"><a id="bg1" href="#">...

每天一篇javascript学习小结（面向对象编程）

2017年02月06日 12 阅读

1、面向对象的工厂方法 function createPerson（name, age, job）{ var o = new Object（）; o.name = name; o.age = age; o.job = job; o.sayName = function（）{alert（this.name）; };return o;}var person1 = createPerson（"Nicholas", 29, "Software Engineer"）...

详解JavaScript语言的基本语法要求

2017年02月06日 11 阅读

JavaScript语言的基本语法要求有哪些呐？下面将为大家一一解答：一、区分大小写 JavaScript语言区分字符大小写，两个字符串相同大小写不同，被认为是不同的字符串。JavaScript语言的关键字也区分大小写，按语法要求应小写。二、书写格式 JavaScript语言忽略语句间空白，即语句间的空格，空行，缩进等。为了提高程序的可读性，应当使用这些格式，使程序更加清晰，可读性更高。三、注释语句为了提高程序的可维护性和可读性，应当有一定的注释语句，它...

跟我学习javascript的最新标准ES6

2017年02月06日 11 阅读

虽然ES6都还没真正发布，但已经有用ES6重写的程序了，各种关于ES789的提议已经开始了，这你敢信。潮流不是我等大众所能追赶的。潮流虽然太快，但我们不停下学习的步伐，就不会被潮流丢下的，下面来领略下ES6中新特性，一堵新生代JS的风采。箭头操作符如果你会C#或者Java，你肯定知道lambda表达式，ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>out...

首页 / 脚本样式 / JavaScript

javascript获取系统当前时间的方法

分享纯手写漂亮的表单验证

跟我学习javascript的定时器

javascript设计简单的秒表计时器

jquery实现表格隔行换色效果

javascript中checkbox使用方法实例演示

jquery通过扩展select控件实现支持enter或focus选择的方法

javascript实现二级级联菜单的简单制作

Jquery实现仿京东商城省市联动菜单

Node.js中使用socket创建私聊和公聊聊天室

浅析nodejs实现Websocket的数据接收与发送

基于html5和nodejs相结合实现websocket即使通讯

Bootstrap每天必学之前端开发框架

Jquery 全选反选实例代码

jquery实现横向图片轮播特效代码分享

Bootstrap每天必学之简单入门

js鼠标点击图片切换效果实现代码

每天一篇javascript学习小结（面向对象编程）

详解JavaScript语言的基本语法要求

跟我学习javascript的最新标准ES6