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

简单实现JavaScript图片切换效果

2017年02月06日 59 阅读

JavaScript实现图片切换，主要用到setInterval（）函数和clearInterval（）函数，前者功能是开启动画，后者功能则为清除动画（可理解为使动画停止），为了使动画停止，则需要定义全局变量作为标志，标志返回setInterval（）函数的id，id作为clearInterval（）函数的引用，目的是为了告诉clearInterval（）函数动画暂停的位置。下面是实现的代码：部分HTML代码：第一个为左按钮，是一张带箭头的透明图片，点击实...

JS两种类型的表单提交方法实例分析

2017年02月06日 60 阅读

本文实例分析了JS两种类型的表单提交方法。分享给大家供大家参考，具体如下：1.原始的<form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm（）;"><button type="submit" class="button red" style="font-size:18px; font-family:"微软雅黑";">提交...

jQuery select自动选中功能实现方法分析

2017年02月06日 60 阅读

本文实例分析了jQuery select自动选中功能实现方法。分享给大家供大家参考，具体如下：//筛选var typeid = "<！--{$typeid}-->";var bigclassid = "<！--{$bigclassid}-->";var smallclassid = "<！--{$smallclassid}-->";$（"#typeid option[value="+typeid+"]"）.attr（"s...

ajax级联菜单实现方法实例分析

2017年02月06日 64 阅读

本文实例讲述了ajax级联菜单实现方法。分享给大家供大家参考，具体如下：效果如下：选择第一项，第二项、第三项的内容跟着改变。选择第二项，第三项的内容跟着改变。第三项则不影响第一项和第二项。有几点值得提：1.html到底是前台拼接还是后台拼接。我选择的是前台拼接，这样可以节省流量，和后台的资源。这也比较符合程序处理，一般后台只负责提供数据。通过json传递给前台，完了前台获取进行处理。ajax函数function ajaxgetbigclass（val）{$...

JS函数多个参数默认值指定方法分析

2017年02月06日 62 阅读

本文实例讲述了JS函数多个参数默认值指定方法。分享给大家供大家参考，具体如下：函数有一个参数时，以往这样定义（参数为p1）:function mfun（p1）{ … }当需要为p1设定一个默认值时function mfun（p1）{if（p1===undefined） p1=5; //默认值设为5…}当函数需要2个参数时，以前习惯这样写function mfun（p1,p2）{…}后来发现完全不需要这样写，js函数甚至不需要在括弧内预设参数名，可以用一下方...

百度搜索框智能提示案例jsonp

2017年02月06日 72 阅读

先给大家展示下效果图：下面一段代码给大家分享了百度搜索框智能提示案例jsonp的知识，具体代码如下所示：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>百度下拉_sug-jquery</title><script src="jquery-1.11.3.js"></script>&...

js拖拽功能实现代码解析

2017年02月06日 52 阅读

本文解决的问题：1、怎样在网页中实现拖曳功能；2、document.documentElement与document.body的区别。 document.documentElement.clientWidth指整个html文档的宽度，document.body.clientWidth的宽度。这两者是不一样的。可以在console控制台通过console.log（document.documentElement）和console.log（document.b...

使用Vue.js创建一个时间跟踪的单页应用

2017年02月06日 59 阅读

Vue.js很简单。正因为如此简单，人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库，实际上有一组工具，将使您能够使用Vue.js构建完整的大规模SPA（单页应用程序）。SPA应用可以在不完全重新加载网页，产生一个更流畅的用户体验到的用户交互响应。还有好的副作用，SPA还鼓励后端专注于展示数据端点，这使得整体架构更加分离，并且对于其他类型的客户端可能是可重用的。从开发人员的角度来看，SPA和传统的后端呈现应用程序之间的主要区别是，...

jQuery Checkbox 全选反选的简单实例

2017年02月06日 57 阅读

1.全选、反选<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="http://xiazai.jb51.net/201611/yuanma/jquery（jb51.net）.rar"></script> <script type="text/javascript">$（...

原生JS简单实现ajax的方法示例

2017年02月06日 62 阅读

本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下：HTML部分：<body><input type="button" value="Ajax提交" onclick="Ajax（）;" /><div id="resText" ></div></body>这里有个input按钮，点击会触发click事件，click事件调用Ajax（）方法。JS部分：<script l...

浅谈js函数的多种定义方法与区别

2017年02月06日 57 阅读

定义一个函数一般有如下三种方式：1.函数关键字（function）语句：function fnMethodName（x）{ alert（x）; }2.函数字面量（Function Literals）：var fnMethodName = function（x）{alert（x）;}3.Function（）构造函数：var fnMethodName = new Function（‘x", ‘alert（x）;"）上面三种方法定义了同一个方法函数fnMetho...

基于Node.js + WebSocket打造即时聊天程序嗨聊

2017年02月06日 100 阅读

前端一直是一块充满惊喜的土地，不仅是那些富有创造性的页面，还有那些惊赞的效果及不断推出的新技术。像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端。瞬间就有了一统天下的感觉，来往穿梭于前后端之间代码敲得飞起，从此由前端晋升为"前后端"。本文将使用Node.js加web socket协议打造一个网页即时聊天程序，取名为HiChat，中文翻过来就是"嗨聊"，听中文名有点像是专为寂寞单身男女打造的~其中将会使用到express和socket.io两...

JS访问DOM节点方法详解

2017年02月06日 55 阅读

本文实例讲述了JS访问DOM节点方法。分享给大家供大家参考，具体如下：查找并访问节点你可通过若干种方法来查找您希望操作的元素：通过使用 getElementById（）和 getElementsByTagName（）方法通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性getElementById（）和 getElementsByTagName（）getElementById（）和 getElemen...

JS判断输入的字符串是否是数字的方法（正则表达式）

2017年02月06日 58 阅读

实例如下：if （！checkNumber（gopage_val）） {alert（"请输入正确页数（数字）"）;return false; }//验证字符串是否是数字function checkNumber（theObj） {var reg = /^[0-9]+.?[0-9]*$/;if （reg.test（theObj）） {return true;}return false;}以上这篇JS判断输入的字符串是否是数字的方法（正则表达式）就是小编...

jQuery序列化表单成对象的简单实现

2017年02月06日 53 阅读

在使用easyui的datagrid组件时，在查询时传递的查询参数是对象类型，为了方便，扩展了jquery中的序列化方法，调用该方法，可以将表单的所有数据序列化$.fn.serializeObject=function（）{ var obj=new Object（）; $.each（this.serializeArray（）,function（index,param）{ if（！（param.name in obj））{ obj[param.name]=p...

利用CSS、JavaScript及Ajax实现图片预加载的方法

2017年02月06日 59 阅读

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。实现图片预加载可以使用css、JavaScript、Ajax三种方法。下面分别介绍这些方法的实现。使用CSS单纯的使用css可以将图片加载到页面元素的...

jQuery将表单序列化成一个Object对象的实例

2017年02月06日 57 阅读

验证表单的时候经常需要获取表单中name="***"的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这样更方便于我们操作。下面是代码：/*** @author gaohuia*/（function（$）{ $.fn.extend（{ serializeObject:function（）{ if（this.length>1）...

Bootstrap Table使用心得总结

2017年02月06日 75 阅读

之前一直在调研我们的管理后台使用的表格控件，查询到 : http://bootstrap-table.wenzhixin.net.cn的Bootstrap Table 感觉挺不错，但是由于官方的文档不是怎么的完善，导致自己的网络数据请求一直没有通过。今天终于调试通过，在这里与大家分享一下。一、相关的配置文件引入<！-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="//cdn.boot...

详解堆的javascript实现方法

2017年02月06日 71 阅读

堆的定义最大（最小）堆是一棵每一个节点的键值都不小于（大于）其孩子（如果存在）的键值的树。大顶堆是一棵完全二叉树，同时也是一棵最大树。小顶堆是一棵完全完全二叉树，同时也是一棵最小树。另外，记住这两个概念，对写代码太重要了： 1、父节点和子节点的关系：看定义 2、完全二叉树：参考[2]基本操作 1、Build（构建堆） 2、Insert（插入） 3、Delete（删除：最小或者最大的那个）代码实现首先，写代码前有两个非常重要的点： 1、用一个数组就可以作为堆...

JS正则替换掉小括号及内容的方法

2017年02月06日 57 阅读

正则表达式：（ [ ^ ） ] * ）JS代码：var str="hello（world）";var nstr = str.replace（/（[^）]*）/g,""）; 以上这篇JS正则替换掉小括号及内容的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

首页 / 脚本样式 / JavaScript

简单实现JavaScript图片切换效果

JS两种类型的表单提交方法实例分析

jQuery select自动选中功能实现方法分析

ajax级联菜单实现方法实例分析

JS函数多个参数默认值指定方法分析

百度搜索框智能提示案例jsonp

js拖拽功能实现代码解析

使用Vue.js创建一个时间跟踪的单页应用

jQuery Checkbox 全选 反选的简单实例

原生JS简单实现ajax的方法示例

浅谈js函数的多种定义方法与区别

基于Node.js + WebSocket打造即时聊天程序嗨聊

JS访问DOM节点方法详解

JS判断输入的字符串是否是数字的方法（正则表达式）

jQuery序列化表单成对象的简单实现

利用CSS、JavaScript及Ajax实现图片预加载的方法

jQuery将表单序列化成一个Object对象的实例

Bootstrap Table使用心得总结

详解堆的javascript实现方法

JS正则替换掉小括号及内容的方法

jQuery Checkbox 全选反选的简单实例