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

使用js dom和jquery分别实现简单增删改

2017年02月06日 12 阅读

软件开发实际就是数据的增删改查，javascript前端开发也不例外。今天学了jquery框架的简单使用。于是用它实现简单的增删改，接着也用原始的javascript实现同样的功能，以便看出jquery的强大：代码如下：<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" con...

jQuery 复合选择器应用的几个例子

2017年02月06日 13 阅读

<！-- 本文例子所引用的jQuery版本为 jQuery-1.8.3.min.js -->一. 复合选择器对checkbox的相关操作<input type="checkbox" id="ckb_1" /> <input type="checkbox" id="ckb_2" disabled="true" /> <input type="checkbox" id="ckb_3" /> <input t...

js图片实时加载提供网页打开速度

2017年02月06日 12 阅读

浏览大型网站，特别是图片比较多的图片，如大型的电商网站，你会发现处了第一屏外，往下滚动的时候图片才加载出来，没必要一开始加载就要把全部图片加载出来，这样子打开网面的速度得到了很好提高。以下是笔者目前所想到的思路，如果有更好的思路，望不吝赐教。其实实时加载图片思路很简单，页面一开始加载的时候把不需要一开始就加载的图片（如第二屏以下的图片，反正是要往下滚动才能看到的，不如把它们设置成往下滚动的时候再实时加载）路径保持到一个自定义的属性里，如：<img c...

用js传递value默认值的示例代码

2017年02月06日 12 阅读

需求和代码如下：“这是我的代码：”<input type="text" id="price2" value="333"/><input type="text" id="trueprice" value="" /><script type="text/javascript">document.getElementById（"price2"）.onkeyup = function（） {document.getElement...

Extjs grid panel自带滚动条失效的解决方法

2017年02月06日 12 阅读

之前用EXTJS的gridPanel组件的时候，因为经常对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例，EXTJS gridPanel自带的滚动条，是有一个固定的列宽来放置这个scrollbar的，如上图所示。所以当这个scrollbar失效的时候，无论你怎么拖动这个滚动条，grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据（换句话说就是你永远看到的数据都...

采用自执行的匿名函数解决for循环使用闭包的问题

2017年02月06日 12 阅读

这段代码输出的是10个10而不是期望的0到9，因为闭包内是对i的引用，然后函数执行时i已经变成了10function f1（）{for（var i = 0; i < 10; i++） {setTimeout（function（） {alert（i）; }, 1000）;}}f1（）;解决以上的问题可以采用自执行的匿名函数function f2（）{for（var i = 0; i < 10; i++） {（function（e） {setTim...

Javascript中设置默认参数值示例

2017年02月06日 12 阅读

第一种：function test（a,b）{var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9return a+b;其等价为function test（）{var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1var b...

js通过location.search来获取页面传来的参数

2017年02月06日 12 阅读

这篇文章主要介绍了通过window.location.search来获取页面传来的参数，经测试是OK的function GetQueryString（name） { var reg = new RegExp（"（^|&）" + name + "=（[^&]*）（&|$）","i"）; var r = window.location.search.substr（1）.match（reg）; if （r！=null） return （r[2]）; return...

无限树Jquery插件zTree的常用功能特性总结

2017年02月06日 13 阅读

其实Ztree官网已经有详细的API文档，一切以官网上的说明为准,我在此只是结合实践总结几条常用的ztree的功能特性.（ztree的语法结构是基于key-value的形式配置）1：支持异步加载数据语法配置：async: {enable: true, url:"abc.ashx",otherParam: { "request": "requestname" }}简要说明:enable :设置 zTree 是否开启异步加载模式.url:Ajax 获取数据的 ...

jquery根据锚点offset值实现动画切换

2017年02月06日 12 阅读

锚点相信大家都使用过吧！点击后僵硬的切换是不是很不爽呢？下面分享一个小技巧，根据锚点offset值来实现动画切换<！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"&g...

jquery实现类似淘宝星星评分功能实例

2017年02月06日 12 阅读

本文实例讲述了jquery实现类似淘宝星星评分功能的方法，分享给大家供大家参考之用。具体方法如下：html部分代码如下：<body><div id="div"><ul><li>☆</li><li>☆</li><li>☆</li><li>☆</li><li>☆</li></ul></di...

如何用JavaScript定义一个类

2017年02月06日 12 阅读

我原来的写法都是这样：function Dog（）{this.name = "hachi";}Dog.prototype = {makeNoise:function（）{alert（"wangwangwang"）;}};后来又看到另外一种复杂一点而且看起来好像没有必要的写法：function Dog（）{var privateVariable = "secret";var fn = function（）{//...}fn.prototype = {make...

javascript在IE下trim函数无法使用的解决方法

2017年02月06日 12 阅读

本文实例分析了javascript在IE下trim函数无法使用的解决方法，对于web前段设计有一定的借鉴价值。具体分析如下：首先，javascript的trim函数在firefox下面使用没有问题：<script language="javascript">var test1 = "aa";test1 = test1.toString（）;test1 = test1.trim（）; </script>在火狐下这样用没有问题，但是在...

javascript trim函数在IE下不能用的解决方法

2017年02月06日 13 阅读

javascript 的trim 函数在firefox 下面使用没有问题<script language="javascript"> var test1 = " aa "; test1 = test1.toString（）; test1 = test1.trim（）; </script>在火狐下这样用没有问题，但是在IE下就报错那么我们可以修改一下String.prototype.trim=function（）{return th...

用javascript关闭本窗口不弹出询问框的方法

2017年02月06日 13 阅读

大家都知道window.close（）是用来关闭窗口的，而且ie和firefox都是支持的。为了实现用户对浏览器的绝对控制，ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户，怎么去掉这个框呢，请看下面的代码。function winClose（）{ window.top.opener = null; window.close（）; }在window.close之前加上window.top.opener = null就可以了。有人说fir...

JavaScript获取鼠标移动时的坐标（兼容IE8、chome谷歌、Firefox）

2017年02月06日 12 阅读

JavaScript获取鼠标移动时的坐标（兼容:IE8、谷歌、Firefox、Opera ），测试通过直接复制成html文件，即可运行。为方便大家测试特准备了一份在线演示<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...

一款由jquery实现的整屏切换特效

2017年02月06日 12 阅读

今天要为大家带来一款由jquery实现的整屏切换特效，在右侧有圆型小标，每点一个切换一屏。当然，你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧源码下载html代码：<div class="wrapper active-page4"><div class="page page1"><h2>First page</h2></div><div class="page page2">&...

javascript使用数组的push方法完成快速排序

2017年02月06日 12 阅读

排序的方法有很多，本节介绍的是使用数组的push方法完成快速排序function quickSort（arr）{ if（arr.length <= 1） return arr;//判断是否有效数组 var cut = Math.floor（arr.length/2）;//取中间下标 var left = [],right = []; var num = arr.splice（cut,1）[0];//取基准值 for（var i = 0;i < ...

jquery实现类似淘宝星星评分功能有截图

2017年02月06日 12 阅读

html<body><div id="div"><ul><li>☆</li><li>☆</li><li>☆</li><li>☆</li><li>☆</li></ul></div><p id="p"></p><p id="score"></...

一个字符串反转函数可实现字符串倒序

2017年02月06日 14 阅读

第一种方法：<script type="text/javascript">var str="abcdeg";function demo（str）{var str2="";for（var i=0;i<str.length;i++）{str2+=str.charAt（str.length-i-1）;}document.write（str+"<br />"+str2）}demo（str）;</script>第二种方法：&...

首页 / 脚本样式 / JavaScript

使用js dom和jquery分别实现简单增删改

jQuery 复合选择器应用的几个例子

js图片实时加载提供网页打开速度

用js传递value默认值的示例代码

Extjs grid panel自带滚动条失效的解决方法

采用自执行的匿名函数解决for循环使用闭包的问题

Javascript中设置默认参数值示例

js通过location.search来获取页面传来的参数

无限树Jquery插件zTree的常用功能特性总结

jquery根据锚点offset值实现动画切换

jquery实现类似淘宝星星评分功能实例

如何用JavaScript定义一个类

javascript在IE下trim函数无法使用的解决方法

javascript trim函数在IE下不能用的解决方法

用javascript关闭本窗口不弹出询问框的方法

JavaScript获取鼠标移动时的坐标（兼容IE8、chome谷歌、Firefox）

一款由jquery实现的整屏切换特效

javascript使用数组的push方法完成快速排序

jquery实现类似淘宝星星评分功能有截图

一个字符串反转函数可实现字符串倒序