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

使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体

2016年07月27日 5 阅读

模态窗体已经成为Web开发人员设计界面时经常要使用的传输数据的方式。通过模态窗口，可以提高网站的可用性。正好项目的需要，有个客户想要模态弹出的窗体来提交网站的反馈，经过一番测试实现了，我使用jQuery fancybox插件来创建一个漂亮的模态窗体，提交表单的数据在服务器端实现Ajax调用。你可以在你的邮件里收到用户发送的反馈消息html代码 header部分主要的JS文件如下引入jquery代码和fancybox代码复制代码代码如下:<scrip...

用js获取电脑信息（是使用与IE浏览器）

2016年07月27日 5 阅读

用js获取本地电脑信息（但是只能在IE浏览器下才行，其他浏览器其获取不到的）：复制代码代码如下: <！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"> &...

javascript图像处理—仿射变换深度理解

2016年07月27日 6 阅读

前言上一篇文章，我们讲解了图像金字塔，这篇文章我们来了解仿射变换。仿射？任何仿射变换都可以转换成，乘以一个矩阵（线性变化），再加上一个向量（平移变化）。实际上仿射是两幅图片的变换关系。例如我们可以通过仿射变换对图片进行：缩放、旋转、平移等操作。一个数学问题在解决仿射问题前，我们来做一个数学题。如图，对于点（x1, y1），相对于原点旋转一个角度a，那么这个点到哪里了呢？我们将坐标系变成极坐标系，则点（x1, y1）就变成了（r, β），而旋转后变成（r,...

js拦截alert对话框另类应用

2016年07月27日 6 阅读

复制代码代码如下: <input type="button" onclick="opened（"ALERT"）" value="提示"/> <script> var myAlert=alert; window.alert=function（msg）{ //your code myAlert （msg+"-TEST"）; } function opened（msg）{ alert（msg）; } </script> ...

js 实现在离开页面时提醒未保存的信息（减少用户重复操作）

2016年07月27日 6 阅读

Javascript代码复制代码代码如下: //在离开页面时判断是否有未保存的输入值 var hasSaved = false;//是否有输入的内容未保存标志，初始值为false function CheckUnsave（）{ if（hasSaved==false）{ alert（"您上传的东西尚未保存，请保存后再离开页面"）; return false;} //return true; //不能加这个语句 } //保存了则改变状态 function ...

JQuery验证工具类搜集整理

2016年07月27日 5 阅读

复制代码代码如下: var Validator = { // 邮箱 isEmail : function（s） { var p = "^[-！#$%&"*+\./0-9=？A-Z^_`a-z{|}~]+@[-！#$%&"*+\/0-9=？A-Z^_`a-z{|}~]+.[-！#$%&"*+\./0-9=？A-Z^_`a-z{|}~]+$"; return this.test（s, p）; }, // 手机号码 isMobile : function（s）...

js 在定义的时候立即执行的函数表达式（function）写法

2016年07月27日 5 阅读

1.前言函数需要先定义，后使用。这基本上所有编程语言的一条铁的定律。一般状况下，我们需要调用一个JavaScript 函数, 基本的状况都是先定义，然后再调用。看一个例子复制代码代码如下: <！--by oscar999 2013-1-16--> <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html...

Javascript中产生固定结果的函数优化技巧

2016年07月27日 6 阅读

分享一个Javascript编写函数的优化技巧。适用的函数应该要满足以下条件：产生固定结果页面中多次调用复杂或较耗时代码和分析如下： Java代码：复制代码代码如下: //产生固定结果并且在页面中多次调用的函数 function check（） { //模拟耗时操作 var begin = Date.now（）; //ECMAScript5添加的，若不支持请改成 +new Date（）; var ONE_SECOND = 1000, resul...

体验js中splice（）的强大（插入、删除或替换数组的元素）

2016年07月27日 5 阅读

处理数组的方法很多，javascript splice（）算是最强大的了，它可以用于插入、删除或替换数组的元素。下面来一一介绍！ 1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数） 2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0），第三个参数（插入的项） 3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数...

用JS提交参数创建form表单在FireFox中遇到的问题

2016年07月27日 6 阅读

在一个前端页面上，需要通过JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交，代码如下： Js代码: 复制代码代码如下: functionloadConfig（gameUrl,skinId）{ vartemp=document.createElement（"form"）; temp.action="${createLink（controller:"mobileConfig",action:"beforeLaunc...

jQuery旋转插件—rotate支持（ie/Firefox/SafariOpera/Chrome）

2016年07月27日 12 阅读

网上发现一个很有意思的jQuery旋转插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。调用和方法： rotate（angle） angle参数：[Number] – 默认为 0 – 根据给定的角度旋转图片例如: 复制代码代码如下:$（"#img"）.rotate（45）;rotate（pa...

jquery选择器的选择使用及性能介绍

2016年07月27日 5 阅读

在写完第一回之后，看到了朋友们的回复，指出了我代码中的一些问题，确实由于时间仓促没有使用IDE，直接搞上了，又由于本人记忆力不好，所以把大小写都忘记了，还好晚上回家，用VS改了一下，呵呵，真是对不住大家了。从这一讲开始，我们将直正接触一个JQ类库，学习一下JQ的写法，JQ的一些常用的命令等等，今天主要讲的是JQ里的选择器，这也是JQ的一大特点，这从它的名称jQuery中可以看到，主要功力体现在查询上。前言：对于写在<script></...

jquery如何改变html标签的样式（两种实现方法）

2016年07月27日 6 阅读

对于如何修饰html标签，这对于js来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在jq中当然也可以实现类似的功能，方法上肯定比js要简化多了。一通过修改标签属性来改变它的样式 js设置和获取标签的属性复制代码代码如下: <script type="text/javascript"> window.onload = function （） { var attr = docum...

file模式访问网页时iframe高度自适应解决方案

2016年07月27日 5 阅读

最近做到iframe的高度自适应这个问题，网上一搜好多解决方案，而总结起来也就那几种，我逐一尝试这些方案，最后发现在我的项目中都不起作用，后来发现自己做的网页是通过file方式访问的，将网页代码放到apache下通过http协议访问，在iframe加载的时候调用如下js方法：复制代码代码如下: <SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight（...

JavaScript控制Session操作方法

2016年07月27日 5 阅读

看到这个题目，或许有人会提出疑问，JavaScript代表客户端，而Session代表的是服务器（不知道这样说大家是否能够理解）。先说一下需求，我在做一个权限管理的时候，需要在点击某个模块时，Session中相应的改变模块代号，而实现这个操作的是一个a标签，当然我不知道一个linkbutton是否可以同时将跳转页面和修改Session做了，个人感觉应该是可以的，具体能不能，如果有人做了Demo可以留言说明。a标签，实现页面的跳转，他的onclick事件...

JQuery中根据属性或属性值获得元素（6种情况获取方法）

2016年07月27日 6 阅读

根据属性获得元素 1.比如要获取页面p标签中属性有id的元素复制代码代码如下: $（"p[id]"）.css（"color","red"）; 根据属性值获得元素 1.$。在jQuery 中$（"<span>"），这个语法等同于$（document.createElement（"span"）），这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下： ...

jQuery链式操作如何实现以及为什么要用链式操作

2016年07月27日 5 阅读

两个问题 1.jQuery的链式操作是如何实现的？ 2.为什么要用链式操作？大家认为这两个问题哪个好回答一点呢？链式操作原理相信百度一下一大把，实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回回来，对象当然可以继续调用方法啦，所以就可以链式操作了。那么，简单实现一个：复制代码代码如下: //定义一个JS类 function Demo（） { } //扩展它的prototype Demo.prototype ={ se...

Javascript异步编程的4种方法让你写出更出色的程序

2016年07月27日 6 阅读

你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个...

Javascript模块化编程（一）模块的写法最佳实践

2016年07月27日 5 阅读

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（...

Javascript模块化编程（一）AMD规范（规范使用模块）

2016年07月27日 7 阅读

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript模块规范共有两种：Comm...

首页 / 脚本样式 / JavaScript

使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体

用js获取电脑信息（是使用与IE浏览器）

javascript图像处理—仿射变换深度理解

js拦截alert对话框另类应用

js 实现在离开页面时提醒未保存的信息（减少用户重复操作）

JQuery验证工具类搜集整理

js 在定义的时候立即执行的函数表达式（function）写法

Javascript中产生固定结果的函数优化技巧

体验js中splice（）的强大（插入、删除或替换数组的元素）

用JS提交参数创建form表单在FireFox中遇到的问题

jQuery旋转插件—rotate支持（ie/Firefox/SafariOpera/Chrome）

jquery选择器的选择使用及性能介绍

jquery如何改变html标签的样式（两种实现方法）

file模式访问网页时iframe高度自适应解决方案

JavaScript控制Session操作方法

JQuery中根据属性或属性值获得元素（6种情况获取方法）

jQuery链式操作如何实现以及为什么要用链式操作

Javascript异步编程的4种方法让你写出更出色的程序

Javascript模块化编程（一）模块的写法最佳实践

Javascript模块化编程（一）AMD规范（规范使用模块）