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

jquery遍历筛选数组的几种方法和遍历解析json对象

2016年07月27日 17 阅读

jquery grep（）筛选遍历数组复制代码代码如下: $（）.ready（ function（）{ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep（array,function（value）{ return value > 5;//筛选出大于5的 }）; for（var i=0;i<filterarray.length;i++）{ alert（filterarray[i...

jquery获得option的值和对option进行操作

2016年07月27日 11 阅读

jQuery获取Select元素，并选择的Text和Value: 复制代码代码如下: $（"#select_id"）.change（function（）{//code...}）; //为Select添加事件，当选择其中一项时触发 var checkText=$（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text var checkValue=$（"#select_id"）.val...

代码触发js事件（click、change）示例应用

2016年07月27日 10 阅读

Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代，直接给一个兼容的Code. 触发click 事件复制代码代码如下: function simulateClick（el） { var evt; if （document.createEvent） { // DOM Level 2 standard evt = document.createEvent（"MouseEvents"）; evt.i...

JS短路原理的应用示例精简代码的途径

2016年07月27日 9 阅读

在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false，其他都为true. ||先计算第一个运算数，如果可以被转换成true，则返回左边这个表达式的值，否则计算第二个运算数。即使||运算符的运算数不是布尔值，任然可以将它看作布尔OR运算，因为无论它返回的值是什么类型，都可以被转换为布尔值。利用它对非布尔型的值会将其返回的特性：对非布尔型的运算数使用||，用于选取一组备选值中的第一个定义了的并且非空的值（第一个为非f...

利用JS来控制键盘的上下左右键（示例代码）

2016年07月27日 9 阅读

这是一个JS初级代码，想学JS的朋友，可以研究下或者扩展下，最好能用JS实现整个键盘的控制，那感觉就很有意思了。具体代码如下：复制代码代码如下:<style>tr.highlight{background:#08246B;color:white;}</style><table border="1" width="70%" id="ice"><tr><td><input type="text...

js 上下左右键控制焦点（示例代码）

2016年07月27日 9 阅读

如下所示：复制代码代码如下://begin---------------上下左右键控制if（"${iscontrol_mchntid}".indexOf（"${mchntid}"）！=-1）{var texts = new Array（）;//设置为focus所在的locationvar x = 2;var y = 3;var maxx = 0;var maxy = 0;window.onload=function（）{var inputs = $（"[...

js键盘上下左右键怎么触发function（实例讲解）

2016年07月27日 9 阅读

复制代码代码如下:<script type="text/javascript">function jumpPage（） { if （event.keyCode==37）//左 fun_a（）; if （event.keyCode==38）//上fun_b（）;if （event.keyCode==39）//右 fun_c（）; if （event.keyCode==40）//下 fun_d（）;} function fun_a（）{ win...

鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合（示例代码）

2016年07月27日 9 阅读

如下所示：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type="text/css"> .toopTip { background-color:Yellow; border-style:solid; border-width:1px; border-color:Red; } &...

Js实现双击鼠标自动滚动屏幕的示例代码

2016年07月27日 11 阅读

如下所示：复制代码代码如下:<html><head><script language="javascript" type="text/javascript">//双击鼠标滚动屏幕的代码var currentpos,timer;function initialize（）{ timer=setInterval（"scrollwindow（）",30）;}function sc（）{ clearInterval（timer）...

js获取url中指定参数值的示例代码

2016年07月27日 9 阅读

如下所示：复制代码代码如下:///获取url中指定参数 // <param name="paras">参数名称</param> /// function request（paras） { var url = location.href; var paraString = url.substring（url.indexOf（"？"） + 1, url.length）.split（"&"）; var paraObj = {} for ...

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

2016年07月27日 11 阅读

原理就是循环获取网页上的控件，然后设置disabled 属性为true.代码如下：复制代码代码如下:<script type="text/javascript"> var nodeList = document.getElementsByTagName（"input"）; for （var i = 0; i < nodeList.length; i++） { nodeList[i].disabled = true; } nodeList...

JS和JQUERY获取页面大小,滚动条位置,元素位置（示例代码）

2016年07月27日 11 阅读

js与jquery获得页面大小、滚动条位置、元素位置复制代码代码如下://页面位置及窗口大小function GetPageSize（） {var scrW, scrH; if（window.innerHeight && window.scrollMaxY） { // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight + window.scro...

js鼠标及对象坐标控制属性详细解析

2016年07月27日 14 阅读

offsetTop获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。 offsetLeft获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。offsetHeight获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。NS、FF 认为 offsetHeight 是网页...

JS批量操作CSS属性详细解析

2016年07月27日 11 阅读

复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .day { background-color:White; } .night { background-color:Black } </style> <...

JS冒泡事件的快速解决方法

2016年07月27日 9 阅读

何为冒泡事件就是当设定了多个div的嵌套时；即建立了父子关系，当父div与子div共同加入了onclick事件时，当触发了子div的onclick事件后，子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发，导致了页面混乱。这就是冒泡事件。消除冒泡事件的方法阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）下面的一段代码即可以很好的解释是么是冒泡效果，什么叫消除冒...

JS控件ASP.NET的treeview控件全选或者取消（示例代码）

2016年07月27日 9 阅读

复制代码代码如下:<script language="javascript"> /* 函数名称:CheckNode（currentNode）、ParentNode（currentNode）、ChildNode（currentNode）函数功能:实现带checkbox的treeview中 1、选中父结点其子结点也全部选中 2、取消全部子结点的选择后，父结点的选择也随之取消使用方法:1、在<head></head>中间...

JS获取月的最后一天与JS得到一个月份最大天数的实例代码

2016年07月27日 9 阅读

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <script language="javascript"> function getLastDay（year,month） {var new_year = year;//取当前的年份var new_month = month++;//取下一个月的第一天，方...

js中AppendChild与insertBefore的用法详细解析

2016年07月27日 12 阅读

appendChild定义appendChild（newChild: Node） : NodeAppends a node to the childNodes array for the node.Supported: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+添加一个节点到指定的节点的子节点数组中，读起来好象有点拗口，简单地说就是将元素添加到指定的节点中appendChild...

js AppendChild与insertBefore用法详细对比

2016年07月27日 13 阅读

我们知道appendChild和insertBefore都有插入节点的功能。但在应用上，这两者之间还是有一些区别的。比如我们要在下面这个div中插入一个子节点P时：<div id="test"><p id="x1">Node</p><p>Node</p></div>我们可以这样写（测试某种情况时请将另外一种注释）：复制代码代码如下:<script type="text/java...

innerHTML,outerHTML,innerText,outerText的用法及区别解析

2016年07月27日 10 阅读

<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>这是一个层</span></div> <input name="innerHTML" value="innerHTML" type="button" OnClick="alert（div.innerHTML）;"> <...

首页 / 脚本样式 / JavaScript

jquery遍历筛选数组的几种方法和遍历解析json对象

jquery获得option的值和对option进行操作

代码触发js事件（click、change）示例应用

JS短路原理的应用示例 精简代码的途径

利用JS来控制键盘的上下左右键（示例代码）

js 上下左右键控制焦点（示例代码）

js键盘上下左右键怎么触发function（实例讲解）

鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合（示例代码）

Js实现双击鼠标自动滚动屏幕的示例代码

js获取url中指定参数值的示例代码

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

JS和JQUERY获取页面大小,滚动条位置,元素位置（示例代码）

js鼠标及对象坐标控制属性详细解析

JS批量操作CSS属性详细解析

JS冒泡事件的快速解决方法

JS控件ASP.NET的treeview控件全选或者取消（示例代码）

JS获取月的最后一天与JS得到一个月份最大天数的实例代码

js中AppendChild与insertBefore的用法详细解析

js AppendChild与insertBefore用法详细对比

innerHTML,outerHTML,innerText,outerText的用法及区别解析

JS短路原理的应用示例精简代码的途径