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

基于jQuery实现仿百度首页选项卡切换效果

2017年02月06日 9 阅读

以下代码比较简单，所以没给大家附太多的注释，有问题欢迎给我留言，具体详情请看下文代码吧。先给大家展示下效果图：代码如下：<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery仿百度首页选项卡切换效果 - 何问起</title>...

浅析jQuery中使用$所引发的问题

2017年02月06日 9 阅读

废话不多说，先看下面一段代码：var lis = $（"li"）;console.log（lis）;//m.fn.init[10]0:li1:li2:li3:li4:li5:li6:li7:li8:li9:licontext:documentlength:10prevObject:m.fn.init[1] 这是什么意思selector:"li"__proto__:Object[0] 这是什么意思console.log（lis.style）;//undefi...

js实现页面a向页面b传参的方法

2017年02月06日 9 阅读

本文为大家分享了js实现页面a向页面b传参的具体方法，供大家参考，具体内容如下方法一：使用HTML5本地化存储（localStorage）组件（本地最大能存储5M数据）localStorage是本地永久存储数据，是cookie的优化方法二：使用cookie将数据存放在客户的浏览器（最大存储2M数据）方法三：使用url传参（将要传递的数据保存为一个存储变量，然后传给url）方法如下;a.htmlvar app = {};app.list = "123"...

全面解析Bootstrap中form、navbar的使用方法

2017年02月06日 9 阅读

一、表单（Form）源码文件：_form.scssmixins/_form.scss1、按层次结构分：form-group -> form-control/input-group/form-static-control -> 各类标签2、Form-group/form-control/input-group/form-static-control之类的容器，分为两种显示方式：block、inline-block。而实现input-group水平...

全面解析Bootstrap中transition、affix的使用方法

2017年02月06日 9 阅读

一、Transition（过滤）作为一个基础支持的组件，被其他组件多次引用。实现根据浏览器支持transition的能力，然后绑定动画的结束事件；首先：创建一个Element；然后：迭代查看此元素支持的transition动画名称Transition实现的技巧，主要是重写了jquery的event对象，代码如下：$（function （） {$.support.transition = transitionEnd（）if （！$.support.trans...

深入理解JavaScript中的call、apply、bind方法的区别

2017年02月06日 9 阅读

在JavaScript中，this的指向是动态变化的，很可能在写程序的过程中，无意中破坏掉this的指向，所以我们需要一种可以把this的含义固定的技术，于是就有了call，apply 和bind这三个方法，来改变函数体内部 this 的指向，因为函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念apply、callapply：应用某一对象的一个方法，用另一个对象替换当前对象call：调用一个对象的一个方法，以另一个对象替换当前...

Bootstrap Paginator分页插件使用方法详解

2017年02月06日 10 阅读

最近做的asp.netMVC项目中需要对数据列表进行分类，这个本来就是基于bootstrap开发的后台，因此也就想着bootstrap是否有分页插件呢，或者说是基于jquery支持的分页功能，这样整体的网站后台风格便能够统一，又不用自己去写一套分页的功能。首先便是要下载Bootstrap Paginator了，下载地址：Bootstrap Paginator分页插件首先视图的上面应该需要引入js和css文件，主要有三个文件，分别是bootstrap的css...

浅析Javascript中bind（）方法的使用与实现

2017年02月06日 9 阅读

我们先来看一道题目var write = document.write;write（"hello"）;//1.以上代码有什么问题 //2.正确操作是怎样的不能正确执行，因为write函数丢掉了上下文，此时this的指向global或window对象，导致执行时提示非法调用异常，所以我们需要改变this的指向正确的方案就是使用bind/call/apply来改变this指向bind方法var write = document.write; write.bi...

Bootstrap table分页问题汇总

2017年02月06日 9 阅读

首先非常感谢作者针对bootstrap table分页问题进行详细的整理，并分享给了大家，原文地址：http://www.cnblogs.com/wang2650/articles/4262857.html，希望通过这篇文章可以帮助大家解决Bootstrap table分页的各种问题，谢谢大家的阅读。问题1 ：服务器端取不到form值，querystring没有问题，但是request.form取不到值解决：这是ajax的问题，原代码使用原生的ajax。...

JS组件Bootstrap Table使用实例分享

2017年02月06日 9 阅读

学习使用bootstrap表格是对客户端进行分页的时候，在朋友的帮助下，找到了文档http://bootstrap-table.wenzhixin.net.cn/examples/找到了传到后台的每页条数Limit，和记录开始数Offset。开始封装，分享一下我的代码，从bootstrap table 获取页码和页数，并交给后台处理。$（"#table"）.bootstrapTable（{ url: "<%=path%>/FeedList.cq...

Javascript实现通过选择周数显示开始日和结束日的实现代码

2017年02月06日 9 阅读

最近在一个项目中遇到一个查询页面，其中一个查询条件是根据选择的年份、月以及周数显示选择的该周从几号到几号，这样一个需求。在网上搜索了一下，有类似的但是没有完全一样的，只好自己动手。思路是首先取得所选择的该年月1号这一天是星期几，然后算出这一周中周一的日期。以此为基点，第1周的结束日即为这一天加6，第2周的开始日为这一天加7，结束日为这一天加13，以此类推，直到推算出第5周的开始日和结束日。具体代码如下：//该方法有两个参数，date是给定的日期型参数，da...

限制复选框最多选择项的实现代码

2017年02月06日 9 阅读

在一个招聘网站中，通过限制用户选择职位标签个数，可以精确定位用户的职位。例如，以复选框的形式为用户提供一下备选职位标签，限制用户最多选择3个，当超过三个时禁止用户继续选择。复选框在问卷调查，招聘网站用的很广，今天来介绍一下限制复选框最多选择几项的方法：思路：监听复选框的onclick事件checkbox.onclick = function（）{ //代码块}监听复选框的checked属性：if（chckbox.checked）{ //代码块}HTML代码...

JS控制弹出悬浮窗口（一览画面）的实例代码

2017年02月06日 9 阅读

在web项目开发中经常遇到在一览画面中用户需要查看某一条记录的详细信息。如果用迁移画面的方式处理，速度会比较慢，而且用户体验不是太好。如果采用点击该条记录的详细链接时弹出一个层显示在当前画面的话，处理速度很快，而且用户感觉也比较新颖。下面我以某个对日电子商务网站为实例说明下它的实现方式。1、jsp页面上弹出层的代码<！-- 物流详情弹出页面 start --> <s:iterator value="lrVo" var="lrVo" id=...

js判断复选框是否选中及选中个数的实现代码

2017年02月06日 9 阅读

用js判断复选框是否选中及选中个数，以前经常有朋友提到复选框的选中问题，这段代码可以帮你解决这个问题，而且它还可以判断你选择了多少个复选框，多选则弹出提示 <HTML><head><title>判断复选框是否选中及选中个数</title><SCRIPT LANGUAGE="JavaScript">function countChoices（obj） {max = 2;box1 = obj.form...

一览画面点击复选框后获取多个id值的方法

2017年02月06日 9 阅读

在web开发中经常会遇到一览画面中每一条记录前都带一个复选框，点击后选中该条记录进行删除、修改、查看等操作。修改和查看都是获取一条记录的id值后传递到后台进行查询获取该记录对象的各种属性值，再显示到画面上。我说的重点是选中多条记录后进行批量删除，如何获取多条记录的id值是问题的关键。首先是在jsp页面中全选中复选框的方法。代码如下：function checkEvent（name, allCheckId） { var allCk = document.ge...

js获取所有checkbox的值的简单实例

2017年02月06日 9 阅读

例：<input type="checkbox" name="test" value="值1" />显示的内容<input type="checkbox" name="test" value="值2" />显示的内容<input type="checkbox" name="test" value="值3" />显示的内容<input type="checkbox" name="test" value="值n" /&...

值得分享的轻量级Bootstrap Table表格插件

2017年02月06日 9 阅读

基于Bootstrap的轻量级表格插件Bootstrap Table只需简单的配置，就可以拥有强大的支持固定表头、单/复选、排序、分页、搜索及自定义表头等功能，更好的提高开发效率和减少开发时间。1、插件描述：Bootstrap Table显示数据表格格式,提供了丰富的支持,单选框、复选框、排序、分页等，插件下载。2、特点：基于Bootstrap 3开发（同时支持 Bootstrap 2）响应式界面固定表头完全可配置支持data属性显示/隐藏列显示/隐藏表头...

JS获取复选框的值,并传递到后台的实现方法

2017年02月06日 9 阅读

给复选框命名：<input type="checkbox" name="checkTheme" value="">我在提交的时候onclick="aa（）;"function aa（） {var bb = "";var temp = "";var a = document.getElementsByName（"checkTheme"）;for （ var i = 0; i < a.length; i++） {if （a[i].checke...

JS在onclientclick里如何控制onclick的执行

2017年02月06日 10 阅读

OnClientClick是客户端脚本，一般使用JavaScript，在客户端，也就是IE中运行，点击后马上执行OnClick是服务器端事件处理函数，使用C#或者vb.net，在服务器端，也就是IIS中运行，点击按钮后，执行postback，之后再运行。若想先调用了OnClientClick后就不在调用OnClick事件，应在OnClientClick事件里返回false.若不返回false,在执行了OnClientClick后，会继续调用OnClick事...

jquery获取复选框checkbox的值实现方法

2017年02月06日 9 阅读

jQuery API ：each（callback）：:以每一个匹配的元素作为上下文来执行一个函数。:checked ：匹配所有选中的被选中元素（复选框、单选框等，不包括select中的option）js：//js获取复选框值var obj = document.getElementsByName（"interest"）;//选择所有name="interest"的对象，返回数组var s="";//如果这样定义var s;变量s中会默认被赋个null值f...

首页 / 脚本样式 / JavaScript

基于jQuery实现仿百度首页选项卡切换效果

浅析jQuery中使用$所引发的问题

js实现页面a向页面b传参的方法

全面解析Bootstrap中form、navbar的使用方法

全面解析Bootstrap中transition、affix的使用方法

深入理解JavaScript中的call、apply、bind方法的区别

Bootstrap Paginator分页插件使用方法详解

浅析Javascript中bind（）方法的使用与实现

Bootstrap table分页问题汇总

JS组件Bootstrap Table使用实例分享

Javascript实现通过选择周数显示开始日和结束日的实现代码

限制复选框最多选择项的实现代码

JS控制弹出悬浮窗口（一览画面）的实例代码

js判断复选框是否选中及选中个数的实现代码

一览画面点击复选框后获取多个id值的方法

js获取所有checkbox的值的简单实例

值得分享的轻量级Bootstrap Table表格插件

JS获取复选框的值,并传递到后台的实现方法

JS在onclientclick里如何控制onclick的执行

jquery获取复选框checkbox的值实现方法