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

多次注册事件会导致一个事件被触发多次的解决方法

2017年02月06日 18 阅读

一个JavaScript逻辑，会自动绑定函数到按钮的click事件，但是这段代码会反复注册事件。这样依赖onNext函数会在点击一次按钮的时候多次触发。这是JQuery内部没有判断是否绑定多次，怀疑其内部用了数组保存事件函数，而且没有去重。下面的代码预防了这个问题。解决方案很简单。复制代码代码如下: if （！this.hasPageBarEvents） { $（".pNext"）.on（"click", this, this.onNext）; t...

Jquery easyui 下loaing效果示例代码

2017年02月06日 19 阅读

复制代码代码如下: //采用jquery easyui loading css效果 function ajaxLoading（）{ $（"<div class="datagrid-mask"></div>"）.css（{display:"block",width:"100%",height:$（window）.height（）}）.appendTo（"body"）; $（"<div class="datagrid-mas...

checkbox设置复选框的只读效果不让用户勾选

2017年02月06日 18 阅读

在Web开发中，有时候需要显示一些复选框（checkbox），表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选（比如在信息展示页面），这时候就需要将复选框设置成只读的效果。提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的...

jquery 按钮状态效果正常、移上、按下

2017年02月06日 18 阅读

在网页设计过程中，经常遇见按钮的各状态效果。写了一个jquery扩展，使这个过程更方便！使用前注意引用Jquery； JqueryExtend.js：复制代码代码如下: （function （$） { // Button按钮的三种样式替换，如果isState参数为True则记录按下状态 $.fn.btnEffect = function （normal, mouseover, mousedown, isState） { var lastButton;...

jQuery自动切换/点击切换选项卡效果的小例子

2017年02月06日 17 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>404 ...

Js点击弹出下拉菜单效果实例

2017年02月06日 19 阅读

复制代码代码如下:<STYLE type=text/css> .menu { BORDER-RIGHT: #006080 2px solid; BORDER-TOP: #80e0ff 2px solid; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #80e0ff 2px solid; BORDER-BOTTOM: #006080 2px solid; POSITION: absolute; TOP...

兼容ie、firefox的图片自动缩放的css跟js代码分享

2017年02月06日 18 阅读

这个功能主要是解决内容页中的图片过大撑出，导致页面比较难看，就需要这样的代码，需要的朋友可以参考下需求：图片width<=600px,height<=800。 1、利用max-width,max-height使图片等比例自动缩放代码：复制代码代码如下: img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascri...

document.write（）及其输出内容的样式、位置控制

2017年02月06日 19 阅读

JS中的最基本的命令之一：document.write（），用于简单的打印内容到页面上，可以逐字打印你需要的内容——document.write（"content"）,这里content就是需要输出的内容；当然还有一种情况，需要输出JS之中比如变量等等变化的东西，那么就需要用document.write（+variable）;当然variable就是你想要输出的变量。既然可以输出变量，肯定会想要去控制下变量的显示，比如位置以及样式。第一种控制方法是应用内...

JavaScript 函数惰性载入的实现及其优点介绍

2017年02月06日 17 阅读

最近看JavaScript高级程序设计，大有收获，接下来几天写一下读书笔记。之前写了一篇Ajax初步理解的随笔，里面有个函数用来创建XmlHttpRequest对象,浏览器兼容性原因，写出的代码通过大量if判断或者try，catch语句将函数引导到正确代码处。复制代码代码如下: <script type="text/javascript"> function createXHR（）{ var xhr = null; try { // Fir...

jquery用get实现ajax在ie里面刷新不进入后台解决方法

2017年02月06日 19 阅读

复制代码代码如下: function verify（） { var jqueryObj = $（"#username"）; var username = jqueryObj.val（）; //var url = "servlet/UserInfo？username=" + encodeURI（encodeURI（username））; var url = "servlet/UserInfo？username=" +username; //注意这里由于ie...

使用jquery的ajax需要注意的地方dataType的设置

2017年02月06日 20 阅读

昨天在做ajax时遇到问题，复制代码代码如下: <SPAN style="WHITE-SPACE: pre"> </SPAN>$.ajax（{ url:"<{$weburl}>/main.php？action=getDepart&cid="+cid, type:"post", dataType:"json", success:function（data）{ //data=eval（"（"+data+"）"）; if（...

js中数组Array的一些常用方法总结

2017年02月06日 18 阅读

var list = new Array（）是我们在js中常常写到的代码，今天就总结哈Array的对象具有哪些方法。 list[0] = 0; list[1] = 1; list[2] = 2; 或者这样声明：var list = [0,1,2] 1 shift（）t:删除数组的第一个元素,返回删除的值。这里是0 2 unshift（3,4）:把参数加载数组的前面，返回数组的长度。现在list:中是3,4,0,1,2 3pop（）:删除数组的最后一个元素，...

判断ie的两种简单方法

2017年02月06日 18 阅读

判断ie，想必大家都会写，但是如何将判断条件变得简单呢，也许大家并不是很清楚，下面一段代码，让大家轻松判断ie。复制代码代码如下: var ie = /*@cc_on ！@*/false; var ie = ！-[1,]; ...

使用js对select动态添加和删除OPTION示例代码

2017年02月06日 15 阅读

<select id="ddlResourceType" onchange="getvalue（this）"> </select> 动态删除select中的所有options： document.getElementById（"ddlResourceType"）.options.length=0; 动态删除select中的某一项option： document.getElementById（"ddlResourceType"）.op...

获取数组中最大最小值方法js代码（自写）

2017年02月06日 18 阅读

现在获取数组中最大最小值用的越来越多了，于是乎我编了个方法供大家使用。代码如下，若有问题可以与我联系，咱们一起学习一起进步。复制代码代码如下: function getMaximin （arr,maximin） { if （maximin == "max"） { return Math.max.apply（Math, arr）; }else if （maximin == "min"） { return Math.min.apply（Math, arr）...

JS实现Enter键跳转及控件获得焦点

2017年02月06日 18 阅读

复制代码代码如下: //回车跳转 jQuery（document）.ready（function （） { //$（":input:text:first"）.focus（）; jQuery（":input:enabled"）.addClass（"enterIndex"）; // get only input tags with class data-entry textboxes = jQuery（".enterIndex"）; // now we ch...

JavaScript解析URL参数示例代码

2017年02月06日 15 阅读

创建一个Js类: 复制代码代码如下: var Request = { QueryString: function （item） { var svalue = location.search.match（new RegExp（"[？&]" + item + "=（[^&]*）（&？）", "i"））; return svalue ？ svalue[1] : svalue; } } 引用方法:isaudit = Request.QueryString（"i...

js获取本机的外网/广域网ip地址完整源码

2017年02月06日 15 阅读

完整源代码：复制代码代码如下: <！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>客户端外网IP-...

删除select中所有option选项jquery代码

2017年02月06日 19 阅读

这样写复制代码代码如下: <select id="search"> <option>baidu</option> <option>sogou</option> </select> 清空：复制代码代码如下: $（"#search"）.find（"option"）.remove（）; 或者 $（"#search"）.empty（）; ...

js setTimeout 常见问题小结

2017年02月06日 15 阅读

一、 setTimeout this指向问题 setTimeout（"this.count（）",1000）中的this指的是window对象. js的setTimeout定义为复制代码代码如下: window.setTimeout=function（vCode, iMilliSeconds [, sLanguage]）{ //.....代码 return timer//返回一个标记符 } 所以当向setTimeout（）传入this的时候，当然指的...

首页 / 脚本样式 / JavaScript

多次注册事件会导致一个事件被触发多次的解决方法

Jquery easyui 下loaing效果示例代码

checkbox设置复选框的只读效果不让用户勾选

jquery 按钮状态效果 正常、移上、按下

jQuery自动切换/点击切换选项卡效果的小例子

Js点击弹出下拉菜单效果实例

兼容ie、firefox的图片自动缩放的css跟js代码分享

document.write（）及其输出内容的样式、位置控制

JavaScript 函数惰性载入的实现及其优点介绍

jquery用get实现ajax在ie里面刷新不进入后台解决方法

使用jquery的ajax需要注意的地方dataType的设置

js中数组Array的一些常用方法总结

判断ie的两种简单方法

使用js对select动态添加和删除OPTION示例代码

获取数组中最大最小值方法js代码（自写）

JS实现Enter键跳转及控件获得焦点

JavaScript解析URL参数示例代码

js获取本机的外网/广域网ip地址完整源码

删除select中所有option选项jquery代码

js setTimeout 常见问题小结

jquery 按钮状态效果正常、移上、按下