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

jQuery自定义数值抽奖活动代码

2017年02月06日 9 阅读

本文实例为大家分享了jquery输入数字随机抽奖特效代码，供大家参考，具体内容如下代码如下：<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jQuery自定义数值抽奖活动代码 - 何问起</title><base target="_blank" /> <script type="text/javasc...

JavaScript地理位置信息API

2017年02月06日 9 阅读

对于一个Web开发程序员来说，开发工作中一个最有意思的方面就是获取地理位置信息；试想一下，浏览你的网页的用户是在什么地方？程序员可以根据用户的地理位置信息来调整网站的语言、特定产品介绍等。下面我们将要演示的就是通过浏览器里JavaScript地理位置信息API来获取详细地理信息！检查你的浏览器是否支持地理位置信息API目前主流的浏览器都已经对JavaScript地理位置信息API有了较好的支持。但如果你还不放心，那么，确认地理位置信息API支持情况最好的方...

JavaScript手机振动API

2017年02月06日 9 阅读

很明显，这个API就是允许mobile程序员使用JavaScript调用手机的振动功能，并且能设定振动的方式和时长。判断浏览器对振动API的支持情况一个好的习惯就是在使用之前要检查一下当前你的应用环境、浏览器是否支持振动API。下面就是检测的方法：// Standards ftw！var supportsVibrate = "vibrate" in navigator;在window.navigator对象里就只有一个关于振动的API：vibrate。振动...

JSP基于Bootstrap分页显示实例解析

2017年02月06日 9 阅读

首先介绍一款简单利落的分页利器：bootstrap-paginator，可以参考：Bootstrap Paginator分页插件使用方法详解这篇文章进行学习。效果截图：GitHub官方下载地址：https://github.com/lyonlai/bootstrap-paginator下面就来详细介绍一下基于这款分页利器的JSP分页显示实现过程（注：相较于原网页我隐去了很多不必要的内容，本例只专注于分页显示的实现）一、为什么需要分页显示？这篇博文说得很透彻...

Bootstrap学习笔记之js组件（4）

2017年02月06日 9 阅读

这次我们来看下js组件的使用，本篇文章会有点长，希望大家可以耐心看，相信收获会有不少。不少园友加我好友，表示喜欢我写文字的风格，简单明了，这里，再次谢谢你们的支持。一方面，自身技术有限，写的东西都比较基础，另一方面，写的东西，都是根据自己的理解，把复杂的东西用最简单的语言表达出来。所以，写的有不对的地方，麻烦各位给予指正哈。一、js文件引用注意点：jquery必须在在其它js文件之前引入，因为其它插件都是依赖于jquery。 <！--<scri...

浅谈jquery点击label触发2次的问题

2017年02月06日 9 阅读

今天写问卷的时候遇到个label点击的时候，监听的click事件被执行两次；产生这个的原因么。。。事件冒泡<div class="questionBox checkBox"><div class="title"> 2.你如何理解创新意识的重要性?</div><div class="checkBoxList" data-more="2"><label> <input type="che...

浅谈JavaScript变量的自动转换和语句

2017年02月06日 10 阅读

JS自动类型转换var a = 1;var b = true;"==" 表示可以自动类型转换，比较的是数值"===" 表示可以自动类型转换，先比较数值，再比较类型if （a == b） { alert（"相等"）; //打印}else{ alert（"不等"）;} 三目运算var c = 10/2 > 4 ? 5 : 3 ;alert（c）;关于for循环for （ var i = 0; i < 5; i++） { alert（...

喜大普奔！jQuery发布 3.0 最终版

2017年02月06日 9 阅读

jQuery 3.0 最终版发布了。jQuery 3.0将是jQuery的未来。但如果你需要IE6-8支持，您可以继续使用最新版本1.12。为了帮助用户升级，jQuery 发布了全新的3.0升级指南，以及jQuery Migrate 3.0 插件将帮助您识别代码中的兼容性问题。您可以从jQuery CDN获取文件，或者直接访问链接：https://code.jquery.com/jquery-3.0.0.jshttps://code.jquery.com/...

JavaScript_ECMA5数组新特性详解

2017年02月06日 9 阅读

var arr = [ 1, 2, 3, 4, 5, 4, 3, 2, 1 ];新加位置的方法: indexOf lastIndexOf1.1个参数的时候表示传值返回索引位置（index从0开始）var index = arr.indexOf（4）;alert（index）; //32. 2个参数的时候第一个参数表示起始位置第二个参数还是值 var index = arr.indexOf（4,4）;alert（index）; //53.他们查找数组比...

jQuery 3 中的新增功能汇总介绍

2017年02月06日 9 阅读

从jQuery 震撼整个 Web ，至今已有十年了，我们有很好的理由一直坚持使用维护它。jQuery为用户提供了 DOM 进行操作，执行 Ajax 请求，创建动画等等，极为友好的接口。此外，与 DOM API 不同的是，jQuery 采用了复合模式（composite pattern）。正因为如此，你可以在一个jQuery集合上调用jQuery方法，而不用担心集合包含的元素数量（零，一个或多个）。在未来的几周内，随着 jQuery 3 的发布，jQue...

Javascript简写条件语句（推荐）

2017年02月06日 9 阅读

经常在各处牛人的代码中看到许多简写的条件表达语句，看了一些介绍这方面的文章，觉得3 ways 2 say if这篇文章（http://www.thomasfrank.se/3_ways_2_say_if.html）还不错。在这篇文章中作者对传统的if...else...、?:、&&/||三种条件表达的写法的特点及用处进行了总结归纳，简述如下：1. if...else结构// Set r to 0 or 1 var r= Math.floor（2*M...

Bootstrap弹出框（modal）垂直居中的问题及解决方案详解

2017年02月06日 9 阅读

使用过bootstrap modal（模态框）组件的人都有一种困惑，好好的一个弹出框怎么就无法垂直居中了呢？刚巧在做一个eit项目，由于此项目里面一些框架要遵循nttdata的一些规则，故用到了Bootstrap这个东东，第一次碰到这个东东，有很大抵触，觉得不好，但用起来我觉得和别的弹出框真没什么两样。废话少说，切入正题，Bootstrap弹出框垂直居中的问题，因为我拿到的弹出框样式并非垂直居中，而是top 10%，但页面长了，就显得特别恶心。解决方案如...

JavaScript获取IP获取的是IPV6 如何校验

2017年02月06日 9 阅读

1、什么是IPV6？这个问题可以去百度或Google找一下，应该会有很大的收获，其实主要就是为了解决IPV4地址不够用的问题，V4地址是32位，即：192.168.1.1，而V6地址则是128位，比V4扩大了太多倍。2、IPV6有子网掩码吗？可以说有，也可以说没有，说有呢，是因为在IPV6中有前缀的说法，它相当于IPV4中的子网掩码，只是名称不相同了；说没有呢，也可以，因为IPV6的地址实在是太大了，号称可以给地球上每个沙子一个地址，这样就淡化了子...

使用Script元素发送JSONP请求的方法

2017年02月06日 10 阅读

使用Script元素发送JSONP请求的方法// 根据指定URL发送一个JSONP请求 //然后把解析得到的相应数据传递给回调函数 //在URL中添加一个名为jsonp的查询参数,用于指定该请求的回调函数的名称 function getJSONP（url, callback）{//为本次请求创建一个唯一的回调函数名称var cbnum = "cb"+getJSONP.counter++;var cbname = "getJSONP."+cbnum; if（...

Bootstrap布局组件教程之Bootstrap下拉菜单

2017年02月06日 9 阅读

本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与下拉菜单（Dropdown） JavaScript 插件的互动来实现。如需使用下列菜单，只需要在 class .dropdown 内加上下拉菜单即可。下面的实例演示了基本的下拉菜单：<！DOCTYPE html><html><head><title>Bootstrap 实例 - 下拉菜单（Dro...

Jquery 自定义事件实现发布/订阅的简单实例

2017年02月06日 9 阅读

Jquery 自定义事件实现发布/订阅的简单实例//用户点击logoff按钮时，广播一个自定义事件，给任何需要保存状态的感兴趣的观察者，然后导航到logoff页面$（"#logoff"）.click（function（）{ $.event.trigger（"logoff"）;//广播一个事件 window.location = "logoff.php";//导航到新页面}）;以上这篇Jquery 自定义事件实现发布/订阅的简单实例就是小编分享给大家的全部内...

浅谈jquery的map（）和each（）方法

2017年02月06日 9 阅读

1. map（）方法//找到所有的标题元素，映射它们的ID,并转化为数组后排序 $（":header"）.map（function（）{return this.id}）.toArray（）.sort（）; 2. each（）方法$（"div"）.each（function（）{if（$（this）.is（":hidden"）） return;//跳过隐藏的元素//对可见的元素操作}）;以上这篇浅谈jquery的map（）和each（）方法就是小编分享给大家...

跨域请求的完美解决方法（JSONP, CORS）

2017年02月06日 9 阅读

一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题。解决方法有JSONP，Flash等等。JSONP我们发现，Web页面上调用js文件时不受是否跨域的影响，凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>。那就是说如果要跨域访问数据，就服务端只能把数据放在js格式的文件里。恰巧我们知道JSON可以简洁的描述复杂数据，而且JSON还被js原生支持，所以在...

基于jquery插件编写countdown计时器

2017年02月06日 9 阅读

废话不多说，直接上代码：先展示一下插件调用方式：1. 需要先加载countdown插件对应的css文件，也就几行代码而已，可以不用引入，自己手写一样啦<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>jquery countdown倒计时插件</tit...

jQuery的each循环用法简单示例

2017年02月06日 9 阅读

本文实例讲述了jQuery的each循环用法。分享给大家供大家参考，具体如下：<script type="text/javascript"> $（document）.ready（function（）{$（"#testbutton"）.click（ function（）{//each：遍历数组操作$.each（$（"p"）, function（i, val）{ $（"<div>第" + i + "个<p>元素的内容为:&l...

首页 / 脚本样式 / JavaScript

jQuery自定义数值抽奖活动代码

JavaScript地理位置信息API

JavaScript手机振动API

JSP基于Bootstrap分页显示实例解析

Bootstrap学习笔记之js组件（4）

浅谈jquery点击label触发2次的问题

浅谈JavaScript变量的自动转换和语句

喜大普奔！jQuery发布 3.0 最终版

JavaScript_ECMA5数组新特性详解

jQuery 3 中的新增功能汇总介绍

Javascript简写条件语句（推荐）

Bootstrap弹出框（modal）垂直居中的问题及解决方案详解

JavaScript获取IP获取的是IPV6 如何校验

使用Script元素发送JSONP请求的方法

Bootstrap布局组件教程之Bootstrap下拉菜单

Jquery 自定义事件实现发布/订阅的简单实例

浅谈jquery的map（）和each（）方法

跨域请求的完美解决方法（JSONP, CORS）

基于jquery插件编写countdown计时器

jQuery的each循环用法简单示例