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

Js动态设置rem来实现移动端字体的自适应代码

2016年10月20日 10 阅读

下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应，以此做个记录，方便以后需要，感兴趣的朋友一起看看吧。具体代码如下所示：//设置根元素字体var win = window,doc = document;function setFontSize（） { var winWidth = $（window）.width（）; //750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小 var size = （winWidt...

jQuery.form.js插件不能解决连接超时（timeout）的原因分析及解决方法

2016年10月20日 13 阅读

jQuery.form.js是一个form插件，支持ajax表单提交和ajax文件上传。最近在使用jquery.form.js提交包含文件的表单时，碰到了一个问题：当碰上网速较慢时，而我们又设置了timeout时，例如：var options = { timeout: 3000 //限制请求的时间，当请求大于3秒后，跳出请求 }我们的页面会死在这里，贴上F12开发者工具返回的结果：此时，我们并没有处理错误的回调函数，而百度出来的例子中也只有这两个回调函数：...

js插件Jcrop自定义截取图片功能

2016年10月20日 10 阅读

当初说这个需求的时候，在网上找了一点资料，但是基本上感觉不符合项目中的需求。参照一些项目，和同事的改造，终于是像点样子了。截图大致截为3个像素，每个像素使用的地方也不同，考虑图片不会是很多,分别压缩保存下来。根据截取的像素位置，对应的压缩成相应的图片：首先需要下载Jcrop.js与uploadify.js 上传图片的插件和截图的插件Comm_UploadJcrop.js//剪裁头像对象和宽高比例var jcrop_api, boundx, boundy;/...

浅析JS中对函数function的理解（基础篇）

2016年10月20日 11 阅读

正文：我们知道，在js中，函数实际上是一个对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法。因此，函数名实际上是指向函数对象的指针，不与某个函数绑定。在常见的两种定义方式（见下文）之外，还有一种定义的方式能更直观的体现出这个概念：var sum = new Function（"num1", "num2", "return num1 + num2"）; //不推荐 Function的构造函数可以接收任意数量的参数，但最后...

require.js 加载 vue组件 r.js 合并压缩的实例

2016年10月20日 11 阅读

准备：vue.js 原本是学习vue组件require.js 然后想到用require 加载r.js 文件太多合并文件目录忽略部分文件及文件夹一、先说vue 组件先引入vue 再引入vue组件Vue.extend（{}）定义组件 template data methodsVue.component（），注册组件的标签，标签在html中是一个挂载点new Vue（）进行实例化index.html// css引入略<div id="header"...

jQuery如何防止Ajax重复提交

2016年10月20日 10 阅读

首先说说防止重复点击提交是什么意思。我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。不妨引深来看，它不一定发生在表单的提交事件上，同样可以发生在ajax的异步请求上。有效地在web客户端采用一定机制去防止重复点击提交，将大大减轻服务器端压力。下面看下代码关于jquery ajax防止重复提交。*** jq...

jQuery的 $.ajax防止重复提交的两种方法（推荐）

2016年10月20日 12 阅读

下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法，具体介绍如下所示：1、第一种，对于onclick事件触发的的ajax可以采用如下方法：即在beforeSend中使点击按钮不可用，ajax结果返回后置为可用$.ajax（{type: "POST",url: APP+"?m=Shopping&a=ajaxSubmitorder&sid="+sid+"&src="+src,cache:false,dataType: "json",...

jQuery ajaxForm（）的应用

2016年10月20日 11 阅读

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm（）的应用.一、ajaxForm（）介绍 ajaxForm预处理将要使用 AJAX 方式提交的表单，将所有需要用到的事件监听器添加到其中。它不是提交这个表单。在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工...

js中获取 table节点各tr及td的内容简单实例

2016年10月20日 10 阅读

<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0"><tr><td height="25">第一行</td></tr><tr><td height="25">第二行</td></tr><tr><td height="25">第三行<...

jstl中判断list中是否包含某个值的简单方法

2016年10月20日 11 阅读

如何判断list中是否包含某个值，很遗憾，contains是不行的，只能穷举了<a id="aHref_${device[0]}" onclick="addSelectDeviceId（${device[0]}）"><c:set var="iscontain" value="false" /> <c:forEach items="${sessionScope.SelectDeviceIdsList}" var="map">...

Bootstrap分页插件之Bootstrap Paginator实例详解

2016年10月20日 10 阅读

Bootstrap Paginator是一款基于Bootstrap的js分页插件，功能很丰富，个人觉得这款插件已经无可挑剔了。它提供了一系列的参数用来支持用户的定制，提供了公共的方法可随时获得插件状态的改变，以及事件来监听用户的动作。目前经过测试的浏览器包括： Firefox 5+, Chrome 14+, Safari 5+, Opera 11.6+ and IE 7+。官网地址：http://bootstrappaginator.org/Downloa...

jQuery通过ajax方法获取json数据不执行success的原因及解决方法

2016年10月20日 10 阅读

1.jquery通过ajax方法获取json数据不执行success回调问题描述：jquery通过ajax方法获取json数据不执行success回调方法问题原因：json格式存在问题或不符合标准写法，导致总是执行error回调方法解决方案：使json格式务必符合下述3个标准写法： 1）键名称：用双引号括起； 2）字符串：用双引号括起； 3）数字，布尔值不需要使用双引号括起；注意：一定是双括号！2.jQuery中ajax使用json数据...

原生JS实现的放大镜效果实例代码

2016年10月20日 11 阅读

这是我用原生js写的放大镜效果，与各种各样的框架技术相比，我喜欢使用原生的js，在这里，想和大家一起谈谈原生和框架技术的理解与个人喜好。<！DOCTYPE HTML><html><head><title>js放大镜效果</title><meta http-equiv="content-type" content="text/html;charset=utf-8"/><style&...

JS添加或修改控件的样式（Class）实现方法

2016年10月20日 10 阅读

使用js 给页面组件添加class 或者删除class，以及使用jquery的方式添加或修改。<input id="txtBianCeng" type="text" />.lezhu99 { color:#cc0000; }添加或修改样式（Class） document.getElementById（"txtBianCeng"）.className = "lezhu99";删除样式（Class） document.getElementById（...

表单元素值获取方式js及java方式的简单实例

2016年10月20日 11 阅读

大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢？多说无用、上代码：Jsp-html代码： <form action="input.do" name="formkk"> <table&...

JS常用函数和常用技巧小结

2016年10月20日 11 阅读

学习和工作的过程中总结的干货，包括常用函数、常用js技巧、常用正则表达式、git笔记等。为刚接触前端的童鞋们提供一个简单的查询的途径，也以此来缅怀我的前端学习之路。Ajax请求jquery ajax函数我自己封装了一个ajax的函数，代码如下：var Ajax = function（url, type success, error） {$.ajax（{url: url,type: type,dataType: "json",timeout: 10000,s...

jquery控制页面的展开和隐藏实现方法（推荐）

2016年10月20日 10 阅读

【jquery代码】 <script> require（["jquery","validate","bootstrap","lhgcalendar"],function（$） { $（function（）{ $（"form"）.validate（）; }）; $（".up"）.click（function（）{ $（this）.parent（）.parent（）.parent（）.parent（）.next（）.slideToggle（"slo...

js控制li的隐藏和显示实例代码

2016年10月20日 11 阅读

html页面<div class="favorite_list"><div class="list_type" id="list_type"><ul class="all"> <li><a href="javascript:void（0）;" onclick="showli（1）;">全部（<span class="nums">{$count}</span>）</a&...

js实现table添加行tr、删除行tr、清空行tr的简单实例

2016年10月20日 10 阅读

如下所示：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> &...

js控制div层的叠加简单方法

2016年10月20日 13 阅读

如下所示：<style type="text/css">.favorite_icon{float:left; padding: 0 0 0 30px;}.favorite_label{float:left; width:950px;}.favorite_label h2{border-bottom: medium none;height: 60px;padding: 0.8em 0 0 0px;}.favorite_title{height:6...

首页 / 脚本样式 / JavaScript

Js动态设置rem来实现移动端字体的自适应代码

jQuery.form.js插件不能解决连接超时（timeout）的原因分析及解决方法

js插件Jcrop自定义截取图片功能

浅析JS中对函数function的理解（基础篇）

require.js 加载 vue组件 r.js 合并压缩的实例

jQuery如何防止Ajax重复提交

jQuery的 $.ajax防止重复提交的两种方法（推荐）

jQuery ajaxForm（）的应用

js中获取 table节点各tr及td的内容简单实例

jstl中判断list中是否包含某个值的简单方法

Bootstrap分页插件之Bootstrap Paginator实例详解

jQuery通过ajax方法获取json数据不执行success的原因及解决方法

原生JS实现的放大镜效果实例代码

JS添加或修改控件的样式（Class）实现方法

表单元素值获取方式js及java方式的简单实例

JS常用函数和常用技巧小结

jquery控制页面的展开和隐藏实现方法（推荐）

js控制li的隐藏和显示实例代码

js实现table添加行tr、删除行tr、清空行tr的简单实例

js控制div层的叠加简单方法