javascript 鼠标事件总结

2016年07月27日 7 阅读

常见的有以下8个： mousedown：鼠标的键钮被按下。 mouseup：鼠标的键钮被释放弹起。 click：单击鼠标的键钮。 dblclick：鼠标的键钮被按下。 contextmenu ：弹出右键菜单。 mouseover：鼠标移到目标的上方。 mouseout：鼠标移出目标的上方。 mousemove：鼠标在目标的上方移动。 mousedown事件与mouseup事件可以说click事件在时间上的细分，顺序是mousedown => mous...

javascript 异步的innerHTML使用分析

2016年07月27日 8 阅读

当然，这个分时加载技术只是一个辅助技术，本身没有添加节点的能力。如今，另一种更奇特的技术Asynchronous innerHTML又被开发出来了，不能不赞一下外国人在这方面研究是非常超前的。 复制代码 代码如下: function asyncInnerHTML（HTML, callback） { var temp = document.createElement（"div"）, frag = document.createDocumentFragment...

javascript 键盘事件总结 推荐

2016年07月27日 5 阅读

在form中， submit的快捷键是 enter，reset的快捷键是 esc。不过在IE6,safari4,ff3.5,opera10,chrome中，按Enter，不但激发form的submit事件，同时也会激发提交按钮的onclick，激发顺序为提交按钮的 onclick → form 的 onsubmit。 键盘事件 键盘事件 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]不过并不止提交按钮会激发form的...

javascript Array对象使用小结

2016年07月27日 11 阅读

Javascript的数组实质是对象，它把数组的下标转换成字符串，用其作为属性，因此它明显比真正的数组慢，但它可以更方便地使用。 改变自身pop,push,reverse,shift,sort,splice,unshift, 不改变自身concat,join,slice,indexOf,lastIndexOf（后两个为1.6）,1.6新增的迭代器：map,filter,forEach,every,some,1.8新增reduce,reduceRight A...

再谈javascript 动态添加样式规则 W3C校检

2016年07月27日 9 阅读

毫无疑问，基于表现与结构相分离的原则，直接导入一个新的样式表是最好的选择，但有些情况就行不通，如我们做一个能拖动的DIV，从设置样式的角度看，就是把它绝对定位，以防影响原来的文档流，然后一点点改变其top与left的值实现移动的效果。由于拖动是有时间概念的，一秒24帧，样式表不可能面面俱到都把它们写进去。因此动态生成样式规则与快速修改样式规则是非常有必要的，W3C为此做了大量的工作，在DOM2.0中，扩充了不少接口。 退一步说，表现与结构相分离也不止导入样...

用Javascript同时提交多个Web表单的方法

2016年07月27日 8 阅读

1问题来自一位网友的提问： web页面里有多个表单，每个表单对应着某一类数据操作。 比如一个详细的简历信息页面分 1、个人资料 2、工作经验 3、项目经验 4、其他信息 4个表单。 一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作（也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器，并根据表单的action）。 现在有这样的需求，允许用户选择其中任意的一个或多个表单进行提交修改，这样的话在客户端如何提交表单？...

javascript 闪烁的圣诞树实现代码

2016年07月27日 10 阅读

christree var $ = function（）{ var dom = {}; return { get : function（$）{ if（！dom[$]） dom[$] = document.getElementById（$）; return dom[$]; } ,apply : function（s,t,d）{ if（t && typeof t == "object"） $.apply（s,d） if（s && t && typeo...

键盘上下键移动选择table表格行的js代码

2016年07月27日 8 阅读

//这是要操作的表格： 这是第一行 这是第二行 这是第三行 这是第四行 //这是操作表格的代码 var rowNo= -1; var tableId = "tb"; var inputId = "show"; var selectedColor = "#FF0000" function document.onkeydown（） { //事件的标识代码 if （event.keyCode == 38） { for（var k=0;k...

javascript 计算两个整数的百分比值

2016年07月27日 7 阅读

复制代码 代码如下:///计算两个整数的百分比值 function GetPercent（num, total） { num = parseFloat（num）; total = parseFloat（total）; if （isNaN（num） || isNaN（total）） { return "-"; } return total <= 0 ？ "0%" : （Math.round（num / total * 10000） / 100.00 +...

js tab效果的实现代码

2016年07月27日 9 阅读

预实现效果:（点击不同的tab显示不同面板内容）一:用到的js函数:复制代码 代码如下:<script language="javascript" type="text/javascript" > //变换tab函数 //原则,外层div里含有内层多个div function tabPanelEx（trThis,urlImgNormal,urlImgPoint,tabs,tabid）{ var tds=trThis.parentNode.chi...

默认让页面的第一个控件选中的javascript代码

2016年07月27日 6 阅读

当页面上面显示了一个表单后，通常焦点 并不是放在第一个控件上面，只需要一点通常的脚本就可以实现这个效果 。 document.forms[0].elements[0].focus（）; 如果页面的第一个控件是隐藏字段，或是不支持focus（） 上面这段javascript 可能就会出现错误 ！ 复制代码 代码如下: var formutil = new Object; formutil.focusOnfirst = function（） { if（docu...

js 创建一个浮动div的代码

2016年07月27日 7 阅读

//关闭DIV MENU function MenuClose（） { var MenuDiv = document.getElementById（"MenuDiv"）; if（MenuDiv ！= null） { document.body.removeChild（MenuDiv）; } } //创建menu function MenuPanel（opflag,operid, left, top） { var MenuDiv = document.g...

javascript下利用数组缓存正则表达式的实现方法

2016年07月27日 6 阅读

如果能用字面量创建正则就最好不过，显然有时我们不得不使用new RegExp（）这种大消耗的创建方法，比如语法高亮与排版就大量用到正则表达式，要用到的patten越多，需要的时间就越长，火狐好像是12秒就发出警告，IE就直接假死。这时我们就需要利用组存大法要提高我们程序的性能了。通常摆在我们眼前的如下两种选择来作为我们的容器，数组或对象。我这里选择前者，前者更轻量一点。下面我们就hasClass函数作性能改进。 原来的写法： 复制代码 代码如下: var ...

javascript 最常用的10个自定义函数[推荐]

2016年07月27日 6 阅读

（10）addEvent 网上最流行的版本是Scott Andrew的，据说javascript界曾举行一场比赛（此事件我们可以在Pro Javascript Techniques第100页看到）或浏览PPK的网站，征求添加事件与移除事件的函数，他就是其获奖者。下面就是他的实现： 复制代码 代码如下: function addEvent（elm, evType, fn, useCapture） { if （elm.addEventListener） { e...

jQuery 常见开发使用技巧总结

2016年07月27日 6 阅读

1、关于页面元素的引用 通过jquery的$（）引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$（）转换成jquer...

十分钟打造AutoComplete自动完成效果代码

2016年07月27日 7 阅读

.老生常谈---XmlHttpRequest 代码 复制代码 代码如下: var xmlHttp; function createXmlHttpRequest（） { if（window.ActieveXObject） { xmlHttp=new ActieveXObject（"Microsoft.XMLHTTP"）; } else if（window.XMLHttpRequest） { xmlHttp=new XMLHttpRequest（）; } } ...

JavaScript 入门基础知识 想学习js的朋友可以参考下

2016年07月27日 6 阅读

stringObject.charAt（index）方法：返回指定索引位置处的字符。 stringObject.slice（start,[end]）和stringObject.substring（start,[end]）方法都接受两个参数，分别为子字符串的起始位置和终止位置，返回这两者之间的字符串，不包括终止位置的那个字符串。如果不指定第二个参数，则默认为字符串的长度，即从起始位置到字符串的末尾。 【区别】这两个方法的区别主要是对于负数的处理不同。负数参数...

javascript 清空form表单中某种元素的值

2016年07月27日 5 阅读

下面就以情况type=“text”为例: 复制代码 代码如下: <form id="form1" method="post"> <input type="text" /> <input type="text" /> <input type="button" value="clear" onclick="Refresh（）" /> </form> 通过调用js的Refresh方法 方法一 复制代码...

javascript 格式化时间日期函数代码脚本之家修正版

2016年07月27日 9 阅读

Date.prototype.format = function（format） { var o = { "M+" : this.getMonth（）+1, //month "d+" : this.getDate（）, //day "h+" : this.getHours（）, //hour "m+" : this.getMinutes（）, //minute "s+" : this.getSeconds（）, //second "q+" : Math....

javascript dom操作之cloneNode文本节点克隆使用技巧

2016年07月27日 6 阅读

true：完全的复制一个节点，什么叫完全呢，就是复制一切，包括他的子节点，以至于文本节点，凡是有的，一律克隆，所谓完全 false：只克隆当前节点，不克隆任何的子节点，当然也不会克隆他所包裹的文本，因为任何文本都有指向他的节点（文本节点） 当然有时候两者是可以通用的哦，如果要复制的节点没有任何的子节点，这是二者全等；比如 img... 为了让大家理解的更为深刻，举个小例子吧： 复制代码 代码如下: <div> <span>Shado...