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

js生成随机数的过程解析

2017年02月06日 11 阅读

一、预备知识 Math.ceil（）; //向上取整。Math.floor（）; //向下取整。Math.round（）; //四舍五入。Math.random（）; //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil（Math.random（）*10）; // 获取从1到10的随机整数，取0的概率极小。Math.round（Math.random（））;//可均衡获取0到1的随...

jquery彩色投票进度条简单实例演示

2017年02月06日 11 阅读

一、需求如下图重点是要实现进度条。二、分析html5新增及删除标签一文中提到过html5新增了progress标签。但是肯定有兼容性问题。生成环境不适用，所以要模拟实现。原理：动态设置<p>的子元素<span>的宽度值。1、简单的雏形假设只有一个进度条，如下，我们只需要知道p元素的宽度，span元素的百分比，相乘即得到span的宽度，浏览器加载时动态设置span的宽度即可实现进度条的效果。<style>.long{wid...

基于JavaScript实现Json数据根据某个字段进行排序

2017年02月06日 12 阅读

一.首先给大家介绍js中内置的 sort（）方法此方法默认是按字母顺序对数组中的元素进行排序的，说得更精确点，是按照字符编码的顺序进行排序。看如下例子：当数组中元素为数字类型时，排序结果与我们设想的完全不同，因为默认是按照字符编码的顺序进行排序的。解决方案：sort（）方法接收一个可选参数（此参数必须是函数），我们可以自己定义排序规则，如下图二. 对 json 排序的具体实现/* * @description根据某个字段实现对json数组的排序 *...

全面解析Bootstrap表单使用方法（表单样式）

2017年02月06日 11 阅读

一、基础表单 <form > <div class="form-group"> <label>邮箱：</label> <input type="email" class="form-control" placeholder="请输入您的邮箱地址"> </div> <div class="form-group"> <label >密码</label> ...

全面解析Bootstrap表单使用方法（表单控件）

2017年02月06日 11 阅读

一、输入框input 单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”]（其中?号代表type类型，比如说text类型，对应的是input[type=“text”]）的形式来定义样式的。为了让控件在各种表单风格中样式不出错，需要添加类名...

带领大家学习javascript基础篇（一）之基本概念

2017年02月06日 12 阅读

学习目录一、数据类型数据类型二、操作符递增和递减操作符：位操作符：布尔操作符：加性操作符：相等操作符三、语句for-in语句label语句一、数据类型数据类型基本数据类型（五种）UndefinedNullBooleanNumberString复杂数据类型（一种）ObjectUndefined：只有一个值undefined（定义了没有赋值）。例：var str;alert（str）;//undefined 注意：如果没有用var申明，直接使用会报异常（ ....

jQuery解析Json实例详解

2017年02月06日 13 阅读

本文实例讲述了jQuery解析Json的方法。分享给大家供大家参考，具体如下：前言在WEB数据传输过程中，json是以文本，即字符串的轻量级形式传递的，而客户端一般用JS操作的是接收到的JSON对象，所以，JSON对象和JSON字符串之间的相互转换、JSON数据的解析是关键。先明确2个概念例如：JSON字符串:复制代码代码如下:var str1 = "{ "name": "deyuyi", "sex": "man" }";JSON对象:复制代码代码如下...

全面解析Bootstrap表单使用方法（表单控件状态）

2017年02月06日 11 阅读

一、焦点状态焦点状态是通过伪类“:focus”来实现。Bootstrap框架中表单控件的焦点状态删除了outline的默认样式，重新添加阴影效果。<form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-6"><input class="form-control input-lg" type="t...

全面解析Bootstrap表单使用方法（表单按钮）

2017年02月06日 13 阅读

一、多标签支持一般制作按钮除了使用<button>标签元素之外，还可以使用<input type="submit">和<a>标签等。同样，在Bootstrap框架中制作按钮时，除了刚才所说的这些标签元素之外，还可以使用在其他的标签元素上，唯一需要注意的是，要在制作按钮的标签元素上添加类名“.btn”。<button class="btn btn-default" type="button">button标签按...

jQuery解析json数据实例分析

2017年02月06日 11 阅读

本文实例分析了jQuery解析json数据的方法。分享给大家供大家参考，具体如下：先来看看我们的Json数据格式：[{id:01,name:"小白",old:29,sex:"男"},{id:02,name:"小蓝",old:29,sex:"男"},{id:03,name:"小雅",old:29,sex:"男"}]为了消除乱码问题，我们设置一个过滤器（代码片段）public void doFilter（ServletRequest req, ServletR...

JavaScript DOM 学习总结（五）

2017年02月06日 12 阅读

1、DOM简介。当页面加载时，浏览器会创建页面的文档对象模型（Document Object Model）。文档对象模型定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构，即节点树。通过DOM，JS可创建动态的HTML，可以使网页显示动态效果并实现与用户的交互功能。JS能够改变页面中所有的HTML元素、属性和CSS样式，并对页面中所有事件做出响应。所以学习JS的起点就是处理网页，处理网页就需要使用DOM进行操...

Bootstrap每天必学之按钮（一）

2017年02月06日 11 阅读

本文主要讲解的是按钮的样式。1.选项2.尺寸3.活动状态4.禁用状态5.可做按钮使用的Html标签选项使用上面列出的class可以快速创建一个带有样式的按钮。 <button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-primary">Primary</button> ...

jquery解析json格式数据的方法（对象、字符串）

2017年02月06日 11 阅读

本文实例讲述了jquery解析json格式数据的方法。分享给大家供大家参考，具体如下：json数据是我们常用的一种小型的数据实时交换的一个东西，他可以利用jquery或js进行解析，下面我来介绍jquery解析json字符串方法。一、jQuery解析Json数据格式：使用这种方法，你必须在Ajax请求中设置参数:dataType: "json"获取通过回调函数返回的数据并解析得到我们想要的值，看源码：jQuery.ajax（{ url: full_url,...

jquery实现移动端点击图片查看大图特效

2017年02月06日 11 阅读

本文的需求很简单：点击图片查看大图，再点大图隐藏。多用于移动端，因为移动端屏幕小，可能需要查看大图。具体实现代码<！DOCTYPE html><html><meta charset="utf-8"/><head runat="server"><title>JQuery点击图片查看大图by starof</title><style type="text/css">.examp...

超漂亮的jQuery图片轮播特效

2017年02月06日 13 阅读

超漂亮的jQuery图片轮播特效，使用了插件jCarousel，很棒的jQuery插件，支持带缩略图左右切换，支持Ajax加载数据，响应式布局，支持移动端触屏，强大的API参数配置功能以及函数回调功能，支持自定义动画速度和动画模式，支持轮播方向定义，还是很不错的，推荐学习和使用。使用方法：1.加载jQuery和插件<link rel="stylesheet" type="text/css" href="jcarousel.basic.css">...

JS截取字符串实例详解

2017年02月06日 11 阅读

本文实例讲述了JS截取字符串的方法。分享给大家供大家参考，具体如下：js截取字符串可使用 substring（）或者slice（）函数：split（）功能：使用一个指定的分隔符把一个字符串分割存储到数组例子：str="jpg|bmp|gif|ico|png";arr=theString.split（"|"）;//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组函数：John（）功能：使用您选择的分隔符将一个数组合并...

JS实现图片高亮展示效果实例

2017年02月06日 11 阅读

本文实例讲述了JS实现图片高亮展示效果的方法。分享给大家供大家参考，具体如下：昨天朋友让我帮着做个图片高亮展示的效果，虽然不难，不过满有创意的：<！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.or...

如何解决ligerUI布局时Center中的Tab高度大小

2017年02月06日 11 阅读

1.0 引用的js,css<link href="/Content/scripts/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" /><link href="/Content/scripts/ligerUI/skins/ligerui-icons.css" rel="stylesheet" /><script src="~/Scripts/jquery-1.8...

Jquery1.9.1源码分析系列（六）延时对象应用之jQuery.ready

2017年02月06日 12 阅读

还记不记得jQuery初始化函数jQuery.fn.init中有这样是一个分支//document ready简便写法$（function（）{…}）} else if （ jQuery.isFunction（ selector ）） { return rootjQuery.ready（ selector ）;} 所以$（fn）===$（document）.ready（fn）。来看一下jQuery.fn.ready的源码ready: functio...

基于jquery实现日历签到功能

2017年02月06日 11 阅读

在一些任务游戏、贴吧管理中都会有一个签到功能，帮助大家记录登录天数，积累等级经验，这个日历签到功能是如何实现的，本文为大家进行演。本文实例讲述了基于jquery实现日历签到功能。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：index.html<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...

首页 / 脚本样式 / JavaScript

js生成随机数的过程解析

jquery彩色投票进度条简单实例演示

基于JavaScript实现Json数据根据某个字段进行排序

全面解析Bootstrap表单使用方法（表单样式）

全面解析Bootstrap表单使用方法（表单控件）

带领大家学习javascript基础篇（一）之基本概念

jQuery解析Json实例详解

全面解析Bootstrap表单使用方法（表单控件状态）

全面解析Bootstrap表单使用方法（表单按钮）

jQuery解析json数据实例分析

JavaScript DOM 学习总结（五）

Bootstrap每天必学之按钮（一）

jquery解析json格式数据的方法（对象、字符串）

jquery实现移动端点击图片查看大图特效

超漂亮的jQuery图片轮播特效

JS截取字符串实例详解

JS实现图片高亮展示效果实例

如何解决ligerUI布局时Center中的Tab高度大小

Jquery1.9.1源码分析系列（六）延时对象应用之jQuery.ready

基于jquery实现日历签到功能