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

ExtJS中设置下拉列表框不可编辑的方法

2017年02月06日 13 阅读

ExtJS这个框架，并没有学习和用过，只知道是一个流行的前段框架，和Easy UI,BUI,DWZ等这些框架都是差不多的，只不过比他们更加强大而已，之所以写这个，我觉得还是很有帮助的。今天朋友遇到了一个问题:ExtJS中的下拉列表如何设置不可编辑的，html中是不可以编辑的，但是现在这种UI框架中的下拉列表框都是可以编辑的，朋友的需求就是像html中的那样效果，所以朋友想到了用editable属性，但是写了这个属性之后就报错了，当时并没有看错误，我给他找...

JavaScript中读取和保存文件实例

2017年02月06日 12 阅读

话说今天只是粗略浏览了一下Proxy SwitchySharp的源码，就收获了不少东西，其中就包括本文要介绍的读取和保存文件。因为Google还不提供同步插件数据的功能，所以导入和导出插件配置就必须和文件打交道了。而出于安全原因，只有IE才提供访问文件的API；但随着HTML 5的到来，其他浏览器也纷纷支持了。首先说读取文件。W3C提供了一些File API，其中最重要的是FileReader这个类。先列出需要用到的HTML标签：复制代码代码如下:<...

在JavaScript中使用timer示例

2017年02月06日 12 阅读

复制代码代码如下: function foo（） { } setInterval（ "foo（）", 1000 ）; 如果使用OO的技术，可以这样，复制代码代码如下: // constructor function MyObj { function foo（） { alert（ this.data ）; } this.timer = foo; this.data = "Hello"; setInterval（ "this.timer（）", 100...

javascript中setTimeout的问题解决方法

2017年02月06日 12 阅读

看到一个问题，大概是这个样子得。复制代码代码如下: name = "out of you" foo = function（）{ this.name = "xxoo"; } foo.prototype.say = function（）{ console.log（this.name）; } f = new foo（）; f.say（）; // 这句会输出xxoo setTimeout（f.say, 500）; // 这句会输出out of you 这是个...

JavaScript二维数组实现的省市联动菜单

2017年02月06日 12 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //初始化一个二维数组存储城市列表项 var cities=[ ["安庆","合肥","桐城"], ["石家庄","保...

js冒泡、捕获事件及阻止冒泡方法详细总结

2017年02月06日 12 阅读

javascript, jquery的事件中都存在事件冒泡和事件捕获的问题，下面将两种问题及其解决方案做详细总结。事件冒泡是一个从子节点向祖先节点冒泡的过程；事件捕获刚好相反，是从祖先节点到子节点的过程。给一个jquery点击事件的例子：代码如下：复制代码代码如下: <！DOCTYPE html> <meta charset="utf-8"> <title>test</title> <hea...

jquery查找tr td 示例模拟

2017年02月06日 12 阅读

今天有人在群里突然问我$（"#MainContent_GridView1"）.closest（"tr"）.children（"td:eq（1）"）.text（）这个语句怎么查不到值。我问他是取一个tr下面的eq（1）的td的text还是所有的。他说所有的。。。。那么肯定要循环所有的tr，再从其中找td了。。。在此我写一个简单的博客帮助那些还不知道怎么使用jquery选择器的朋友。我模拟了一个table出来，给大家参考，下面是html结构复制代码代...

JS的encodeURI和java的URLDecoder.decode使用介绍

2017年02月06日 12 阅读

如果不想在url中看到有明文，比如http://localhost:8080/template_1/login.action？user=张三可以使用js的encodeURI的URLDecoder.decode一起使用一起来把url加密下（1）JS在页面上把数据var val = encodeURI（encodeURI（"要传到服务器端的是值"））; //调用2次encodeURI href="<%=basePath%>recordManag...

js动态删除div元素基本思路及实现代码

2017年02月06日 12 阅读

在做用户查找时因为要把查找的结果动态加载和显示，所以，那些html元素要由Ajax动态生成。用户打开查找界面时，有系统推荐的用户，而当用户按条件查找后，查找的结果动态加载和显示。所以考虑到用js来搞。这个for循环就是移除已有的表单。然后根据Ajax请求过来的数据，动态生成新的表单对象。一定要注意j变量从大往小循环，否则，删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化（这个问题...

JavaScript怎么判断图片是否加载完成以便获取其尺寸

2017年02月06日 12 阅读

有时需要获取图片的尺寸，这需要在图片加载完成以后才可以，求方法？一、load事件复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1" src="http:/...

ajax提交表单实现网页无刷新注册示例

2017年02月06日 12 阅读

Ajax 无刷新复制代码代码如下:var xmlHttp; uName（） //用户名失去焦点时 { if（all.uname.==""） { all.l1.innerHTML="不能为空！"; setTimeout（"close（1）",1500）; return; } else { xmlHttp=new ActiveXObject（"Microsoft.XMLHTTP"）; xmlHttp.onreadystatechange=deal;...

javascript与有限状态机详解

2017年02月06日 12 阅读

简单说，它有三个特征：复制代码代码如下:* 状态总数（state）是有限的。* 任一时刻，只处在一种状态之中。* 某种条件下，会从一种状态转变（transition）到另一种状态。它对JavaScript的意义在于，很多对象可以写成有限状态机。举例来说，网页上有一个菜单元素。鼠标悬停的时候，菜单显示；鼠标移开的时候，菜单隐藏。如果使用有限状态机描述，就是这个菜单只有两种状态（显示和隐藏），鼠标会引发状态转变。代码可以写成下面这样：复制代码代码如下:va...

Javascript单元测试框架QUnitjs详细介绍

2017年02月06日 13 阅读

一、什么是 QUnitQUnit（http://qunitjs.com/）是一个非常强大的javascript单元测试框架，可以帮你调试代码。它是由 jQuery 团队的成员写的，而且是 jQuery 的官方测试套装。但QUnit一般是足以测试任何常规 javascript 代码，它甚至可能通过一些 javascript 引擎比如 Rhino 或 V8 来测试服务器端 JavaScript。如果你不熟悉“单元测试”的概念，请不要担心。这不是很难理解的：复...

jquery的ajax跨域请求原理和示例

2017年02月06日 12 阅读

今天在项目中需要做远程数据加载并渲染页面，直到开发阶段才意识到ajax跨域请求的问题，隐约记得Jquery有提过一个ajax跨域请求的解决方式，于是即刻翻出Jquery的API出来研究，发 JQuery对于Ajax的跨域请求有两类解决方案，不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。什么是jsonp格式呢？API原文：如果获取的数据文件存放在远程服务器上（域名不同，也就是跨...

javascript操作excel生成报表示例

2017年02月06日 12 阅读

复制代码代码如下:<html><head><script language="javascript" type="text/javascript">function MakeExcel（）{var i,j; try { var xls = new ActiveXObject （ "Excel.Application" ）; } catch（e） { alert（ "要打印该表，您必须安装Excel电子表格软件，同时浏览...

jquery mobile的触控点击事件会多次触发问题的解决方法

2017年02月06日 12 阅读

jquery mobile 对手势触控提供了如下几个事件监听:复制代码代码如下:tap当用户点屏幕时触发taphold当用户点屏幕且保持触摸超过1秒时触发swipe当页面被垂直或者水平拖动时触发。这个事件有其相关联的属性，分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft当页...

javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

2017年02月06日 12 阅读

HTML精确定位属性:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父...

js数组操作常用方法

2017年02月06日 12 阅读

在jquery中处理JSON数组的情况中遍历用到的比较多，但是用添加移除这些好像不是太多。今天试过json[i].remove（）,json.remove（i）之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。记录下来。1、数组的创建复制代码代码如下:var arrayObj = new Array（）; //创建一个数组var arrayObj = new Array（[size]）; //...

JS获取随机数函数可自定义最小值最大值

2017年02月06日 13 阅读

复制代码代码如下: /** * lowerValue 最小值 * upperValue 最大值 */ function selectFrom（lowerValue, upperValue）{ //取值范围总数 var choices = upperValue - lowerValue + 1; return Math.floor（Math.random（） * choices + lowerValue）; } var num = selectFrom（2...

Javascript异步编程模型Promise模式详细介绍

2017年02月06日 12 阅读

Promise 编程模式也被称为 thenable，可以理解为延迟后执行。每个 Promise 都拥有一个叫做 then 的唯一接口，当 Promise 失败或成功时，它就会进行回调。它代表了一种可能会长时间运行而且不一定必须完成的操作结果。这种模式不会阻塞和等待长时间的操作完成，而是返回一个代表了承诺的（promised）结果的对象。当前的许多 JavaScript 库（如 jQuery 和 Dojo、AngularJS）均添加了这种称为 Promis...

首页 / 脚本样式 / JavaScript

ExtJS中设置下拉列表框不可编辑的方法

JavaScript中读取和保存文件实例

在JavaScript中使用timer示例

javascript中setTimeout的问题解决方法

JavaScript二维数组实现的省市联动菜单

js冒泡、捕获事件及阻止冒泡方法详细总结

jquery查找tr td 示例模拟

JS的encodeURI和java的URLDecoder.decode使用介绍

js动态删除div元素基本思路及实现代码

JavaScript怎么判断图片是否加载完成以便获取其尺寸

ajax提交表单实现网页无刷新注册示例

javascript与有限状态机详解

Javascript单元测试框架QUnitjs详细介绍

jquery的ajax跨域请求原理和示例

javascript操作excel生成报表示例

jquery mobile的触控点击事件会多次触发问题的解决方法

javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

js数组操作常用方法

JS获取随机数函数可自定义最小值最大值

Javascript异步编程模型Promise模式详细介绍