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

jquery捕捉回车键及获取checkbox值与异步请求的方法

2017年02月06日 11 阅读

本文实例讲述了jquery捕捉回车键及获取checkbox值与异步请求的方法。分享给大家供大家参考，具体如下：1、jquery捕捉回车键：$（"html"）.die（）.live（"keydown",function（event）{if（event.keyCode==13）{ //这里添加要处理的逻辑}}）;2.jquery获得多个选中的checkbox值：$（"input[type="checkbox"][name="types"]:checked"）....

基于jQuery实现左右图片轮播（原理通用）

2017年02月06日 12 阅读

本文为大家分享了jQuery实现左右图片轮播代码，供大家参考，具体实现内容如下运行效果图：重点！！！实现原理：通过判断index值的大小变化来判断图片左移还是右移。通过控制图片的left值，来达到一个轮播的效果。具体代码：<！DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><sc...

jQuery实现网页顶部固定导航效果代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现网页顶部固定导航效果代码。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！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.org/1999/xhtml...

jQuery基于cookie实现的购物车实例分析

2017年02月06日 11 阅读

本文实例讲述了jQuery基于cookie实现的购物车。分享给大家供大家参考，具体如下：这里分析了jquery购物车原理，包括添加商品及数量到购物车 cookie 中，判断购物车中有无商品，如果有，则把json字符串转换成对象，返回当前商品在 cookie 中的总数。将商品放入购物车：$（function（）{$（".tc"）.hide（）;var PId = $（"#hfPId"）.val（）; // 商品的IDvar PName = $（"#lblPN...

jquery.cookie实现的客户端购物车操作实例

2017年02月06日 11 阅读

本文实例讲述了jquery.cookie实现的客户端购物车操作。分享给大家供大家参考，具体如下：//购物车var Cart = function （） {this.Count = 0;this.Total = 0;this.Items = new Array（）;};//购物车集合对象var CartItem = function （） {this.Id = 0;this.Name = "";this.Count = 0;this.Price = 0;};...

jquery读写cookie操作实例分析

2017年02月06日 11 阅读

本文实例分析了jquery读写cookie操作。分享给大家供大家参考，具体如下：jquery cookie需要脚本文件如下：jQuery.cookie = function（name, value, options） {if （typeof value ！= "undefined"） {options = options || {};if （value === null） {value = "";options = $.extend（{}, options...

基于JS2Image实现圣诞树代码

2017年02月06日 11 阅读

马上圣诞节了，作为一名程序猿，如何体现自己独特的过节风格，如何在朋友圈发一张专属自己的祝福照片我觉得很有必要，你们说是不是。谈到圣诞节，话说程序猿和圣诞之间的关系还有这么一个笑话：Q：程序员为什么总是将万圣节和圣诞节弄混？A：因为oct 31==Dec 25！停停停...先不笑，咱们先冷静下...面对圣诞节还得加班加点的苦逼程序猿们，我们来缓解下自己沉闷的心情，发挥下自己独特的艺术细胞，是时候装一下逼了...那就让我们用手头的IDE工具来展示一颗圣诞树吧，...

jQuery中hover与mouseover和mouseout的区别分析

2017年02月06日 12 阅读

本文实例分析了jQuery中hover与mouseover和mouseout的区别。分享给大家供大家参考，具体如下：以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别，应该是一样的。但昨天一个动画效果才让我见识了，这两个并不能等同。<div class="wrapper"><div class="img"></div><div class="text"&g...

JS实现部分HTML固定页面顶部随屏滚动效果

2017年02月06日 11 阅读

本文实例讲述了JS实现部分HTML固定页面顶部随屏滚动效果。分享给大家供大家参考，具体如下：我们经常在淘宝网看到这样的特效，商品列表特别长，而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了，那么它会自动判断是否到顶端了，然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的，在实际开发中有不少用途，下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码，兼容性不错，在IE、Firefox、Chrome下都能正常...

javascript与jquery中的this关键字用法实例分析

2017年02月06日 11 阅读

本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考，具体如下：this 表示当前的对象，这个当前对象可以是表单，<p>等任何元素1.javascript中this的用法：JS部分：<script type="text/javascript"> function chimg（obj）{obj.src="./images/2.jpg"; }</script>HTML部分：复制代码代...

借助FileReader实现将文件编码为Base64后通过AJAX上传

2017年02月06日 11 阅读

使用AJAX是无法直接上传文件的，一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。如此做可以达到比较好的浏览器兼容性，不过代码量会比较大，即使是使用了文件上传插件，例如plupload。如何能达到灵活的程度呢，能像普通的AJAX提交表单数据那样将文件看成是普通表单参数来对待就好了。灵光一闪，利用javascript的FileReader对象将文件编码成base64再传服务器不就行了么~开始动手，丰衣足食。前端对文件进行base...

js实现简单的验证码

2017年02月06日 12 阅读

验证码大家应该不陌生，主要是为了网站的安全性，防止恶意注册和登陆。验证码实现的方式各有不同，下面是一段用javascript实现的验证码效果，供大家参考之用，希望能够给大家带来帮助。运行效果图：代码如下：<html><head><title>js验证码</title><style type="text/css">.code { background:url（code_bg.jpg）; font-f...

js实现文本框输入文字个数限制代码

2017年02月06日 11 阅读

通常情况下，文本框输入的文字个数并不是无限制的，一般都会限定一个输入最高上限，较为人性化的网站可能会有可输入字数倒计效果，比如还剩余20可以输入这样的提示，下面就通过一个实例介绍一下如何实现此效果。先看看效果图：代码如下:<html> <head> <title>文本框输入文字倒计效果代码</title> <style type="text/css"> * {margin:0;padding:0;...

基于jquery实现省市区三级联动效果

2017年02月06日 12 阅读

本文实现更新了项目的省市区三级联动数据，更新后最新的海南三沙都有，分享给所有需要的小伙伴们。JQUERY + JSON，无数据库，纯JS代码，无加密，无压缩，可直接使用在任何项目中。说明：数据来源于国家统计局官网。先上图：绑定省市区使用方法：1. 引用JQUERY <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js">...

理解JavaScript中worker事件api

2017年02月06日 12 阅读

如果你不是很了解Event事件，建议先这篇文章《理解javascript中DOM事件》。首先，我们需要实例一个Worker的对象，浏览器会根据新创建的worker对象新开一个接口，此接口会处理客户端与indexedDB数据库之间的通信。这里的数据库是指浏览器数据库。如果，你需要判断浏览器是否支持worker对象，详见如下代码。或者浏览器是否支持indexedDB数据库，详见同下，二者判断最好选择前者。因为IE不支持indexedDB 。if（window....

理解javascript中DOM事件

2017年02月06日 12 阅读

首先，此文不讨论繁琐细节，但是考虑到读者的心灵感受，本着以积极向上的心态，在此还是会列举示例说明。标题为理解DOM事件，那么在此拿一个简单的点击事件为例，希望大家看到这个例子后能触类旁通。最初我们给页面实现点击，就像下面这样的简单操作。先定义一个块如<div id="weiyuzhou">微宇宙</div>，之后在<script type="text/javascript"></script>内...

学习JavaScript鼠标响应事件

2017年02月06日 11 阅读

本文为大家分享了一个简单的鼠标模拟案例，供大家参考，具体实现内容如下如何实现捕抓鼠标事件，当鼠标滑动时，获取当前鼠标的坐标，接着在一个透明区域里绑定捕抓的位移，这样就能在模拟的透明区域里实现鼠标滑动的模型。效果图：HTML代码：<！DOCTYPE html><html > <head> <meta charset="UTF-8"> <title> the mouse </title> ...

javascript实现简单加载随机色方块

2017年02月06日 11 阅读

用碎片加载小方块实现简单的随机色块，直接上代码：效果图：具体代码：<！DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>koringz</title> <link rel=...

理解javascript中try...catch...finally

2017年02月06日 12 阅读

本文为大家分析了javascript中try...catch...finally的使用方法，分享给大家供大家参考，具体内容如下稍微复杂一点点，就要用到判断语句，if else进行条件判断，话说if条件else否则，这样的判断对于写程序代码的码侬已经是非常熟悉不过了。如果你觉得这个也很简单，可能会用到混合if else条件判断语句加上try catch 来处理语句，虽然用try catch能处理任何的对象，通过throw扔一条有错误的语句，接着catch抛出...

jquery.cookie.js用法实例详解

2017年02月06日 11 阅读

本文实例讲述了jquery.cookie.js用法。分享给大家供大家参考，具体如下：对cookies的操作在当访问一个网站就无时无刻的都伴随着我们，记录着我们的一举一动，并将不危害用户隐私的信息，将以保存，这样用户就不用去从新再次操作重复的步骤，这样大大方便了客户，也增加了客户对网站的回头率。jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。$.cookie（"the_cookie"）; // 获得cookie$.co...

首页 / 脚本样式 / JavaScript

jquery捕捉回车键及获取checkbox值与异步请求的方法

基于jQuery实现左右图片轮播（原理通用）

jQuery实现网页顶部固定导航效果代码

jQuery基于cookie实现的购物车实例分析

jquery.cookie实现的客户端购物车操作实例

jquery读写cookie操作实例分析

基于JS2Image实现圣诞树代码

jQuery中hover与mouseover和mouseout的区别分析

JS实现部分HTML固定页面顶部随屏滚动效果

javascript与jquery中的this关键字用法实例分析

借助FileReader实现将文件编码为Base64后通过AJAX上传

js实现简单的验证码

js实现文本框输入文字个数限制代码

基于jquery实现省市区三级联动效果

理解JavaScript中worker事件api

理解javascript中DOM事件

学习JavaScript鼠标响应事件

javascript实现简单加载随机色方块

理解javascript中try...catch...finally

jquery.cookie.js用法实例详解