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

利用jquery.qrcode在页面上生成二维码且支持中文

2016年07月27日 11 阅读

实例如下：复制代码代码如下:<！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> <title>使用jquery-qrco...

Jquery中ajax方法data参数的用法小结

2016年07月27日 9 阅读

复制代码代码如下:$.ajax（{ type: "POST", url: "some.php", data: "name=John&location=Boston", //第一种方式传参 // data: {name:"John",location:"Boston"} //第二种方式传参 // data: {foo:["bar1", "bar2"]} 转换为 "&foo=bar1&foo=bar2" /*第一种我们用url传参，参数里面如果加带"&"这个...

jquery ajax,ashx,json的用法总结

2016年07月27日 10 阅读

jquery提供的简化版的ajax调用方法通常如下：复制代码代码如下: function post（） { $（"#divWait"）.show（）; $（"#btnPost"）.attr（"disabled", "disabled"）; $.post（"../PostIt.ashx", { msgContent: $（"#msgContent"）.val（） }, function （data） { if （data.indexOf（"...

利用JQuery和Servlet实现跨域提交请求示例分享

2016年07月27日 10 阅读

原理：JavaScript的Ajax不可以跨域，但是可以通过向本地的一个Servlet发出请求，由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面，再发一个PHP版本的，请大家关注啊。下面是代码JS代码：注意：在Post方式时，param1和param2为向远程发送的参数值，可以有多个。复制代码代码如下://GET方式function reqeustCrossDomainProxyGet（）{ var url = "h...

Jquery Ajax解析XML数据（同步及异步调用）简单实例

2016年07月27日 9 阅读

复制代码代码如下:$.ajax（{ async: true, // 默认true（异步请求） cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。 type: "POST", // 默认:GET 请求方式:[POST/GET] dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"] u...

对Jquery中的ajax再封装,简化操作示例

2016年07月27日 9 阅读

复制代码代码如下:<！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> <title>jQueryAjaxJson取值示例...

使用jQuery和PHP实现类似360功能开关效果

2016年07月27日 9 阅读

准备工作为了更好的演示本例，我们需要一个数据表，记录需要的功能说明及开启状态，表结构如下：复制代码代码如下:CREATE TABLE `pro` （ `id` int（11） NOT NULL auto_increment, `title` varchar（50） NOT NULL, `description` varchar（200） NOT NULL, `status` tinyint（1） NOT NULL default "0", PRIMARY...

jquery实现网页查找功能示例分享

2016年07月27日 10 阅读

本文以查找车站名为例，仿12306官网查找车站售票时间页面效果，当用户输入关键字点击查找按钮或按回车键时，jQuery通过正则匹配内容，准确匹配关键字，并迅速将页面定位滚动到第一个匹配的位置，并显示相关信息（本例中附加信息为车站开始售票时间）。HTML页面需要放置一个输入框用来输入要查找的关键字，以及一个查找按钮，然后就是主体内容#content，里面包含着n个<p>，即每个时间段开售车票的车站名。复制代码代码如下:<div id="s...

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击

2016年07月27日 12 阅读

实例如下所示：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title> <script src="JS/jquery-1.9.1.js" type="text/javascript"></script> &l...

js弹出div并显示遮罩层

2016年07月27日 14 阅读

复制代码代码如下: //--------------------弹出层------------------- //popDivId:弹出层div的ID //dragDivId:用于拖动div的ID //isShowMask:是否显示遮罩层 function popDivShow（popDivId, dragDivId, isShowMask） { if （isShowMask） { creatMask（popDivId）; } var oWins = d...

Jquery Uploadify上传带进度条的简单实例

2016年07月27日 9 阅读

复制代码代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>Jquery ...

js判断设备是否为PC并调整图片大小

2016年07月27日 9 阅读

复制代码代码如下: <html> <head> <script type="text/javascript"> /* 判断设备是否为PC */ function isPC（） { var userAgentInfo = navigator.userAgent; var Agents = new Array（"Android", "iPhone", "SymbianOS","Windows Phone", "iPad",...

Jquery的Tabs内容轮换效果实现代码,几行搞定

2016年07月27日 9 阅读

复制代码代码如下:<！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> <title>Jquery的Tabs内容轮换...

JQuery中操作Css样式的方法

2016年07月27日 9 阅读

复制代码代码如下://1、获取和设置样式$（"#tow"）.attr（"class"）获取ID为tow的class属性$（"#two"）.attr（"class","divClass"）设置Id为two的class属性。//2、追加样式$（"#two"）.addClass（"divClass2"）为ID为two的对象追加样式divClass2//3、移除样式$（"#two"）.removeClass（"divClass"）移除 ID为two的对象的cla...

js post提交调用方法

2016年07月27日 9 阅读

复制代码代码如下: function post（URL, PARAMS） { var temp = document.createElement（"form"）; temp.action = URL; temp.method = "post"; temp.style.display = "none"; for （var x in PARAMS） { var opt = document.createElement（"textarea"）; opt.nam...

raphael.js绘制中国地图地图绘制方法

2016年07月27日 10 阅读

最近的数据统计项目中要用到中国地图，也就是在地图上动态的显示某个时间段某个省份地区的统计数据，我们不需要flash，仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中，我给大家分享如何使用js来完成地图交互。先简单介绍下raphael.js，raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容，而且还兼容老掉...

使用javascript控制cookie显示和隐藏背景图

2016年07月27日 9 阅读

每当重大节日期间，各大主流网站首页会披上节日的盛装，设计者一般会使用大幅背景图片来获得更好的视觉冲击效果，当然，也要考虑到有些用户不习惯这大背景图，那么在背景图上放置“关闭”按钮是有必要的，用户只要点击“关闭背景”按钮，大幅背景图将会消失。我们使用javascript来控制背景图片的显示和隐藏，当点击关闭按钮时，控制CSS使页面不加载背景图，同时记录COOKIE相关参数，并设置cookie的有效期，那么在cookie有效期内刷新页面，是不会再加载背景图的，...

javascript获取web应用根目录的方法

2016年07月27日 9 阅读

复制代码代码如下: <script> function getRootPath（）{ var strFullPath=window.document.location.href; var strPath=window.document.location.pathname; var pos=strFullPath.indexOf（strPath）; var prePath=strFullPath.substring（0,pos）; var po...

jquery实现页面图片等比例放大缩小功能

2016年07月27日 9 阅读

html代码结构:复制代码代码如下:<a href=""><img src="images/tmp_376x470.jpg" width="300" height="300" alt=""/></a><a href=""><img src="images/tmp_409x265.jpg" width="300" height="300" alt=""/></a><a href=...

动态加载jquery库的方法

2016年07月27日 11 阅读

有时候，我们可能不会在网页中<script src="jquery.min.js" 来加载 Jquery 库，可能在用户点击某个按钮后，才去加载 Jquery 库。好处不用我说，节省带宽，提高访问速度，因为用户可能不会点击这个按钮，也就不需要 Jquery 。那么如何动态加载 Jquery 库呢？一般可以用 Document.write 来打印出，也可以用 Ajax ，也可以用我下面的这种方式：复制代码代码如下:<！DOCTYPE html ...

首页 / 脚本样式 / JavaScript

利用jquery.qrcode在页面上生成二维码且支持中文

Jquery中ajax方法data参数的用法小结

jquery ajax,ashx,json的用法总结

利用JQuery和Servlet实现跨域提交请求示例分享

Jquery Ajax解析XML数据（同步及异步调用）简单实例

对Jquery中的ajax再封装,简化操作示例

使用jQuery和PHP实现类似360功能开关效果

jquery实现网页查找功能示例分享

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击

js弹出div并显示遮罩层

Jquery Uploadify上传带进度条的简单实例

js判断设备是否为PC并调整图片大小

Jquery的Tabs内容轮换效果实现代码,几行搞定

JQuery中操作Css样式的方法

js post提交调用方法

raphael.js绘制中国地图 地图绘制方法

使用javascript控制cookie显示和隐藏背景图

javascript获取web应用根目录的方法

jquery实现页面图片等比例放大缩小功能

动态加载jquery库的方法

raphael.js绘制中国地图地图绘制方法