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

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

2016年07月27日 8 阅读

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

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

2016年07月27日 5 阅读

现在获取数组中最大最小值用的越来越多了，于是乎我编了个方法供大家使用。代码如下，若有问题可以与我联系，咱们一起学习一起进步。复制代码代码如下: 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键跳转及控件获得焦点

2016年07月27日 7 阅读

复制代码代码如下: //回车跳转 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参数示例代码

2016年07月27日 6 阅读

创建一个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地址完整源码

2016年07月27日 5 阅读

完整源代码：复制代码代码如下: <！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代码

2016年07月27日 5 阅读

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

js setTimeout 常见问题小结

2016年07月27日 7 阅读

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

js setTimeout 参数传递使用介绍

2016年07月27日 6 阅读

window.settimeout（）方法要调用带参数的函数有两种方法： 1. 复制代码代码如下: function init（）{ var url = "<%=basePath%>fetchwater.do？method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random（）; //alert（url）; window.setTimeout（function（）...

jQuery lazyLoad图片延迟加载插件的优化改造方法分享

2016年07月27日 6 阅读

jQuery lazyLoad.js插件是一款基于jquery框架，可以“实现”图片延迟加载的插件。请注意，我用了双引号，因为从我自己实际调试的结论来说呢，并不会延迟加载，而是先下载，然后通过改变<img>的src属性来隐藏原来的图片。我们先来看看他的代码吧！复制代码代码如下: <script type="text/javascript" src="/static/jssrc/lazyload.js"></script...

jQuery教程 $（）包装函数来实现数组元素分页效果

2016年07月27日 5 阅读

最近一周在做中文站搜索礼品widget的需求，这个需求中有一个分页的功能；具体demo可以参见下图：对应的js应用文件是同一个，页面中后面的offer数据已经埋好了，只是启用了css display:none样式把后面的offer元素隐藏了。现在要求对已存在的页面元素实现上下分页效果，也就是页面元素总集可以通过$（.class）获得，然后来实现分页功能。按照传统的一般做法，用jQuery可写成如下:复制代码代码如下:var total=$（.class）...

JavaScript的Module模式编程深入分析

2016年07月27日 7 阅读

基础知识首先我们要大概了解一下Module模式（2007年由YUI的EricMiraglia在博客中提出），如果你已熟悉 Module 模式，可以跳过本部分，直接阅读"高级模式"。匿名函数闭包匿名函数闭包是JavaScript最棒的特征，没有之一，是它让一切都成为了可能。现在我们来创建一个匿名函数然后立即执行。函数中所有的代码都是在一个闭包中执行的，闭包决定了在整个执行过程中这些代码的私有性和状态。复制代码代码如下:（function （） {// .....

IE、FF、Chrome浏览器中的JS差异介绍

2016年07月27日 6 阅读

因为浏览器公司各自为利益考虑，到目前为止各浏览器的HTML标准或是JS标准都还未统一。在平常的开发中，我们常使用的JS框架基本已经帮我们处理好了JS在各浏览器中的差异，但作为一个开发人员，还是有需要了解JS在浏览器中的差异。 FF、Chrome:没有window.event对象 FF、Chrome:没有window.event对象，只有event对象,IE里只支持window.event,而其他主流浏览器两者都支持,所以一般写成：function hand...

让元素在网页中可拖动示例代码

2016年07月27日 7 阅读

1.导入相应的JS类库: 复制代码代码如下: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 2.带有id的div元素: 复制代码代码如下: <div id="draggable"&...

js 单击式的下拉菜单效果实例

2016年07月27日 5 阅读

复制代码代码如下:<！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> <meta http-equiv="Content-...

js 三级关联菜单效果实例

2016年07月27日 5 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/ht...

jquery固定底网站底部菜单效果

2016年07月27日 5 阅读

复制代码代码如下:<！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>固定底（顶）部菜单</ti...

Jquery实现搜索框提示功能示例代码

2016年07月27日 5 阅读

博客的前某一篇文章中http://www.jb51.net/article/35175.htm写过一个用Ajax来实现一个文本框输入的提示功能。最近在一个管理项目的项目中，使用后发现，真的反应很慢，数据量很大的情况下使用Ajax去实现真的不合适，于是，我又写了一个使用Jquery来实现方法。废话不多说，上图上代码: 引用方式：复制代码代码如下: <body style="background-color: White;"> <for...

鼠标经过显示二级菜单js特效

2016年07月27日 5 阅读

复制代码代码如下:<！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> <meta http-equiv="Content-...

javascript实现div浮动在网页最顶上并带关闭按钮效果实例

2016年07月27日 6 阅读

复制代码代码如下:<html> <head> <title>javascript实现div浮动在网页最顶上并带关闭按钮效果实例</title> <style type="text/css"> <！-- body { margin: 0px;padding: 0px;text-align: center;} TD {FONT-SIZE: 12px; COLOR: #333;} #toubia...

Jquery操作下拉框（DropDownList）实现取值赋值

2016年07月27日 5 阅读

1. 获取选中项：复制代码代码如下: 获取选中项的Value值： $（"select#sel option:selected"）.val（）; 或者 $（"select#sel"）.find（"option:selected"）.val（）; 获取选中项的Text值： $（"select#seloption:selected"）.text（）; 或者 $（"select#sel"）.find（"option:selected"）.text（）; 2....

首页 / 脚本样式 / JavaScript

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

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

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

JavaScript解析URL参数示例代码

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

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

js setTimeout 常见问题小结

js setTimeout 参数传递使用介绍

jQuery lazyLoad图片延迟加载插件的优化改造方法分享

jQuery教程 $（）包装函数来实现数组元素分页效果

JavaScript的Module模式编程深入分析

IE、FF、Chrome浏览器中的JS差异介绍

让元素在网页中可拖动示例代码

js 单击式的下拉菜单效果实例

js 三级关联菜单效果实例

jquery固定底网站底部菜单效果

Jquery实现搜索框提示功能示例代码

鼠标经过显示二级菜单js特效

javascript实现div浮动在网页最顶上并带关闭按钮效果实例

Jquery操作下拉框（DropDownList）实现取值赋值