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

jquery中的ajax方法怎样通过JSONP进行远程调用

2017年02月06日 13 阅读

关于JSONP的概念和为什么要使用JSONP网上已经有很多教程，这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type：请求方式 GET/POST url:请求地址 async:布尔类型，默认为true 表示请求是否为异步，如果为false表示为同步。 dataType：返回的数据类型 jsonp：传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名（一般默认为:callback） ...

Extjs 4.x 得到form CheckBox 复选框的值

2017年02月06日 12 阅读

CheckBox（复选框）主要用来接收用户选择的选项如图所示（请忽略UI的不好看）：该弹出窗口的主要代码如下：复制代码代码如下: var win = new Ext.Window（{ modal : true, title : "确定要拒绝该表吗？", width : 500, plain : true, items : [fp] }）; win.show（）; 弹出的窗口是载体，items里面的[fp]是form表单的句柄。具体定义如下：复...

javascript实现2048游戏示例

2017年02月06日 12 阅读

原生javascript代码写的2048游戏。建议在谷歌浏览器下跑。2048.html 复制代码代码如下:<！DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>2048</ti...

自己用jQuery写了一个图片的马赛克消失效果

2017年02月06日 12 阅读

其中的一个效果: html代码: 复制代码代码如下: <h1>单击图片,产生效果</h1> <div class="box"></div> 插件代码: 复制代码代码如下: ; （function （$） { var defaults = { ani: 4, //动画效果.1.马赛克向中间聚拢,2.马赛克左上角聚拢,3.马赛克拉扯消失,4.原地缩小 delay: 3000, //动画执行时间 url:"0...

jquery实现的鼠标拖动排序Li或Table

2017年02月06日 13 阅读

1、前端页面复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="拖动排序Li或Table.aspx.cs" Inherits="拖动排序Li或Table" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh...

用jquery.sortElements实现table排序

2017年02月06日 13 阅读

项目中要实现table排序的功能。网上有很多解决方案，很多都基于jQuery。 jquery.tablesorter，大小17KB，不过他的首页在ie10下兼容性有点问题。 DataTables，大小75KB，功能强大，带分页，搜索等功能。还有插件叫sortElements，很小巧，只有3KB，兼容性也不错，而且在Github上有818个星。最后我选择用sortElements，实现很简单： 1. 引入jQuery 复制代码代码如下: <sc...

javascript如何使用bind指定接收者

2017年02月06日 14 阅读

复制代码代码如下: var json = { jArray: [], jPush: function （c） { this.jArray.push（c）; } } var examp = ["123", "~", "456"]; 使用ES5给出的forEach循环examp,并且将它们添加到json中的jArray中; 复制代码代码如下: examp.forEach（json.jPush）; 这个时候会报错: 产生这种报错的原因是json.jPus...

javascript操作excel生成报表全攻略

2017年02月06日 13 阅读

最近做一个项目,用到了javascript操纵excel以生成报表,下面是标有详细注解的实例复制代码代码如下: <html> <head> <script language="javascript" type="text/javascript"> </script><script language="javascript" type="text/javascript"> function Ma...

javascript 获取元素样式必杀技

2017年02月06日 13 阅读

Javascript获取CSS属性值方法：getComputedStyle和currentStyle 1 .对于元素的内联CSS样式（<div style="color:#369">hello</div>），可以直接使用element.style.color来直接获取css属性的值； 2. 但是对于外部定义的css样式使用这种方式就无法获取了，而且IE浏览器和其他标准浏览器（Firefox，Chrome，Opera，Safari）使...

IE 下Enter提交表单存在重复提交问题的解决方法

2017年02月06日 13 阅读

在submit（）后加个return false就可以了。如：复制代码代码如下: document.formname.submit（）; return false; 以后要注意了后面尝试了另一种方法: 复制代码代码如下: if （$（"#formid"）.validationEngine（"validate"））{ document.getElementById（"formid"）.submit（）; } 也是可以的...

JavaScript加入收藏夹功能（兼容IE、firefox、chrome）

2017年02月06日 12 阅读

实现代码：复制代码代码如下:<script>function addFav（）{ if（document.all）{ window.external.addFavorite（"http://jb51.net","FREE Web Directory"）; }else if（window.sidebar）{ window.sidebar.addPanel（"FREE Web Directory", "http://jb51.net",""）; ...

利用函数的惰性载入提高javascript代码执行效率

2017年02月06日 13 阅读

在 javascript 代码中，因为各浏览器之间的行为的差异，我们经常会在函数中包含了大量的 if 语句，以检查浏览器特性，解决不同浏览器的兼容问题。例如，我们最常见的为 dom 节点添加事件的函数：复制代码代码如下: function addEvent （type, element, fun） { if （element.addEventListener） { element.addEventListener（type, fun, false）;...

javascript中的nextSibling使用陷（da）阱（keng）

2017年02月06日 12 阅读

今天写js的时候遇到了一个陷（da）阱（keng）关于HTML/XML节点的问题据说在IE中nextSibling不会返回文本节点，而chrome或者firefox等会返回文本节点…… 这个我的工作带来了很严重的问题在网上搜到了很多处理方法，都是给js添加各种封装的函数…… 后来我发现有个nextElementSibling方法…… 这个不会返回文本节点，不管是什么浏览器…… 真是大坑同样，对于fistChild有对应的firstElementCh...

借助javascript代码判断网页是静态还是伪静态

2017年02月06日 14 阅读

最近一直在研究Dedecms，准备建站之前，就一直在想用不用伪静态，到现在还没有决定下来，想来想去，最好的办法还是看一看同类型的网站采用的是静态还是伪静态。那么我们打开一个网站，在基础知识不够的情况下，如何简单快速的判断出这个网页是静态还是伪静态呢？下面给大家来简单介绍一下：伪静态和静态单从URL来看，很难分辨出来，一般网页后缀都是以.html结尾。我们可以借助一段简单的javascript代码判断一下：首先说明这段javascript代码只能在IE里...

javascript生成随机颜色示例代码

2017年02月06日 13 阅读

复制代码代码如下: <！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.org/1999/xhtml"> <head> <meta http-equiv="Content...

一个简单的实现下拉框多选的插件可移植性比较好

2017年02月06日 12 阅读

在使用上次写的一个多先下拉框时，我发现了很多问题，经过修改和完善后，现在已经能够很好地使用了，且可移植性也比较好，下面是源代码。 js 复制代码代码如下: （function（）{ $.fn.extend（{ checks_select: function（options）{ jq_checks_select = null; $（this）.val（"---请选择---"）; $（this）.next（）.empty（）; //先清空 $（this）.u...

JQuery EasyUI 数字格式化处理示例

2017年02月06日 14 阅读

设置显示时间戳 <% request.setAttribute（"currentTimeStamp",Calendar.getInstance（）.getTime（））; %> 显示：2009-11 <fmt:formatDate pattern="yyyy-MM" value="${currentTimeStamp}"/> <br/> 显示：2009-11-30 23:47:06 <fmt:formatDate ...

JS判断、校验MAC地址的2个实例

2017年02月06日 12 阅读

方法一：复制代码代码如下:var temp = /[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}/;if （！temp.test（document.mac.value））{ return false;}方法二：复制代码代码如下:function macFormCheck（mac）{ var macs = new Arra...

JavaScript保留两位小数的2个自定义函数

2017年02月06日 12 阅读

对于一些小数点后有多位的浮点数，我们可能只需要保留2位，但js没有提供这样直接的函数，所以我们得自己写函数实现这个功能，代码如下：复制代码代码如下:function changeTwoDecimal（x） { var f_x = parseFloat（x）; if （isNaN（f_x）） { alert（"function:changeTwoDecimal->parameter error"）; return false; } var f_x =...

js简单的弹出框有关闭按钮

2017年02月06日 13 阅读

复制代码代码如下: <！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.org/1999/xhtml"> <head> <meta http-equiv="Content...

首页 / 脚本样式 / JavaScript

jquery中的ajax方法怎样通过JSONP进行远程调用

Extjs 4.x 得到form CheckBox 复选框的值

javascript实现2048游戏示例

自己用jQuery写了一个图片的马赛克消失效果

jquery实现的鼠标拖动排序Li或Table

用jquery.sortElements实现table排序

javascript如何使用bind指定接收者

javascript操作excel生成报表全攻略

javascript 获取元素样式必杀技

IE 下Enter提交表单存在重复提交问题的解决方法

JavaScript加入收藏夹功能（兼容IE、firefox、chrome）

利用函数的惰性载入提高javascript代码执行效率

javascript中的nextSibling使用陷（da）阱（keng）

借助javascript代码判断网页是静态还是伪静态

javascript生成随机颜色示例代码

一个简单的实现下拉框多选的插件可移植性比较好

JQuery EasyUI 数字格式化处理示例

JS判断、校验MAC地址的2个实例

JavaScript保留两位小数的2个自定义函数

js简单的弹出框有关闭按钮