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

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

2017年02月06日 18 阅读

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

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

2017年02月06日 18 阅读

如下所示：复制代码代码如下://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（实例讲解）

2017年02月06日 17 阅读

复制代码代码如下:<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的上边距左边距重合（示例代码）

2017年02月06日 17 阅读

如下所示：复制代码代码如下:<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实现双击鼠标自动滚动屏幕的示例代码

2017年02月06日 19 阅读

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

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

2017年02月06日 17 阅读

如下所示：复制代码代码如下:///获取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实现禁用网页上所有文本框,下拉菜单,多行文本域

2017年02月06日 18 阅读

原理就是循环获取网页上的控件，然后设置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获取页面大小,滚动条位置,元素位置（示例代码）

2017年02月06日 18 阅读

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

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

2017年02月06日 19 阅读

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

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

2017年02月06日 19 阅读

复制代码代码如下:<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冒泡事件的快速解决方法

2017年02月06日 18 阅读

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

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

2017年02月06日 17 阅读

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

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

2017年02月06日 18 阅读

<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的用法详细解析

2017年02月06日 18 阅读

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用法详细对比

2017年02月06日 17 阅读

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

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

2017年02月06日 20 阅读

<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）;"> <...

js判断undefined类型,undefined,null, 的区别详细解析

2017年02月06日 18 阅读

js判断undefined类型今天使用showModalDialog打开页面，返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reValue=window.showModalDialog（"","",""）; if （reValue== undefined）{ alert（"undefined"）;}发现判断不出来，最后查了下资料要用typeof方法：if （typeof（reValue） =...

利用js动态添加删除table行的示例代码

2017年02月06日 17 阅读

如下所示：复制代码代码如下://动态添加行function addRow（）{ var table = document.getElementById（"tableID"）; var newRow = table.insertRow（）; //创建新行 var newCell1 = newRow.insertCell（）; //创建新单元格 newCell.innerHTML = ""； //单元格内的内容 newCell.setAttribute（"a...

javascript操作table（insertRow,deleteRow,insertCell,deleteCell方法详解）

2017年02月06日 17 阅读

insertRow（）方法定义和用法 insertRow（）方法用于在表格中的指定位置插入一个新行。语法tableObject.insertRow（index）返回值返回一个 TableRow，表示新插入的行。说明该方法创建一个新的 TableRow 对象，表示一个新的 <tr> 标记，并把它插入表中的指定位置。新行将被插入 index 所在行之前。若 index 等于表中的行数，则新行将被附加到表的末尾。如果表是空的，则新行将被插入到...

使用JSLint提高JS代码质量方法分享

2017年02月06日 15 阅读

随着富 Web 前端应用的出现，开发人员不得不重新审视并重视 JavaScript 语言的能力和使用，抛弃过去那种只靠“复制 / 粘贴”常用脚本完成简单前端任务的模式。JavaScript 语言本身是一种弱类型脚本语言，具有相对于 C++ 或 Java 语言更为松散的限制，一切以函数为中心的函数式编程思想也为开发人员提供了更加灵活的语法实现。然而，这种灵活性在带来高效的同时，也成为初学或者经验不足的 JavaScript 开发人员的噩梦。形式各异的代码风格...

首页 / 脚本样式 / JavaScript

利用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判断undefined类型,undefined,null, 的区别详细解析

利用js动态添加删除table行的示例代码

javascript操作table（insertRow,deleteRow,insertCell,deleteCell方法详解）

使用JSLint提高JS代码质量方法分享