首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
js管理你项目的应用说明_基础知识_脚本之家,jQuery文本框事件绑定方法教程_jquery_脚本之家
发布时间:2019-12-28 20:44
浏览次数:

众所周知PHP中对时间类型数据可以直接转换为时间戳,那么在前端脚本js中,也有方法可以实现,就是valueOf()

Grunt.js是什么?Grunt.js是一个Javascript Task Runner,其基于NodeJS,可用于自动化构建、测试、生成文档的项目管理工具。

我们在实际的开发当中经常要获取页面中某个html元素,动态的更新该元素的样式、内容属性等。 那么如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法. 1. 通过document节点获取: document.getElementById:该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。 如 今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:$,参数仍然是节点的id。这个 方法可以看作是document.getElementById的功能更为强大,具体用法可以参考它们各自的API文档。 document.getElementsByName: 该方法是通过节点的name获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组。然后,我们可以通过要获取节点的某 个属性来循环判断是否为需要的节点。 例如:在HTML中checkbox和radio都是通过相同的name属性值,来标识一个组内的元素。如果我们现在要获取被选中的元素,首先获取改组元素,然后循环判断是节点的checked属性值是否为true即可。 document.getElementsByTagName: 该方法是通过节点的Tag获取节点,同样该方法也是返回一个数组,例如:document.getElementsByTagName将会返回 页面上所有超链接节点。在获取节点之前,一般都是知道节点的类型的,所以使用该方法比较简单。但是缺点也是显而易见,那就是返回的数组可能十分庞大,这样 就会浪费很多时间。那么,这个方法是不是就没有用处了呢?当然不是,这个方法和上面的两个不同,它不是document节点的专有方法,还可以应用其他的 节点,下面将会提到。 2、通过父节点获取: parentObj.firstChild:如果节点为已知节点 的第一个子节点就可以使用这个方法。这个属性是可以递归使用的,也就是支持 parentObj.firstChild.firstChild.firstChild...的形式,如此就可以获得更深层次的节点。 parentObj.lastChild:很显然,这个属性是获取已知节点的最后一个子节点。与firstChild一样,它也可以递归使用。 在使用中,如果我们把二者结合起来,那么将会达到更加令人兴奋的效果,即:parentObj.firstChild.lastChild.lastChild... parentObj.childNodes:获取已知节点的子节点数组,然后可以通过循环或者索引找到需要的节点。 注意:经测试发现,在IE7上获取的是直接子节点的数组,而在Firefox2.0.0.11上获取的是所有子节点即包括子节点的子节点。 parentObj.children:获取已知节点的直接子节点数组。 注意:经测试,在IE7上,和childNodes效果一样,而Firefox2.0.0.11不支持。这也是为什么我要使用和其他方法不同样式的原因。因此不建议使用。 parentObj.getElementsByTagName: 使用方法不再赘述,它返回已知节点的所有子节点中类型为指定值的子节点数组。例 如:parentObj.getElementsByTagName返回已知的子节点中的所有超链接。 3、通过临近节点获取: neighbourNode.previousSibling:获取已知节点的前一个节点,这个属性和前面的firstChild、lastChild一样都似乎可以递归使用的。 neighbourNode.nextSibling:获取已知节点的下一个节点,同样支持递归。 4、通过子节点获取: childNode.parentNode:获取已知节点的父节点。 上面提到的方法,只是一些基本的方法,如果使用了Prototype等JavaScript库,可能还获得其他不同的方法,例如通过节点的class获取等等。不过,如果能够灵活运用上面的各种方法,相信应该可以应付大部分的程序

目前1.7以上,jquery​的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$.bind{...;e.stopPropagation;}) 两个事件,一个方法:$.bind('click mouseover',function{...;e.stopPropagation;}) 两个事件,两个方法:$.bind{...;e.stopPropagation;}, mouseover:function{...;e.stopPropagation;} }) on,可以直接替换掉bind,就是说上述的用法都适用于on; 此外,on比bind多了两个可选参数 on( events [, selector ] [, data ], handler selector:要绑定的元素,上面的例子可以写成:$.bind('click','input',function{...;e.stopPropagation;}) (需要注意的是,有一个事件不好用,就是'大便'ie下独有的事件:onpropertychange; 可以用:$.bind('propertychange',function{...;e.stopPropagation;}) 没反应:$.bind('propertychange','input',function{...;e.stopPropagation;}) ) data:传递给event.data的参数,$.bind('click','input','123',function{alert;e.stopPropagation;}) (更具体用法可查看手册http://api.jquery.com/on/); input textare 事件 之前做一个文本框内容实时变化事件触发时,用onkeyup + onchange;但onchang必须在文本框失焦后才会触发,后来发现可以用 onpropertychange + else oninput 来处理。 说明: oninput 事件在用户输入、退格、删除、剪切、粘贴及鼠标剪切与粘贴时触发。 (Firefox、Chrome、IE9&IE9+ 均支持) onpropertychange 事件在用户输入、退格、删除、剪切、粘贴及鼠标剪切与粘贴时触发 常用事件 oncut 事件在粘贴、鼠标粘贴时触发 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。 onbeforeeditfocus 在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。 onbeforepaste 在选中区从系统剪贴板粘贴到文档前在目标对象上触发。 onbeforeupdate 当成功更新数据源对象中的关联对象前在数据绑定对象上触发。 onblur 在对象失去输入焦点时触发。 onchange 当对象或选中区的内容改变时触发。 onclick 在用户用鼠标左键单击对象时触发。 oncontextmenu 在用户使用鼠标右键单击客户区打开上下文菜单时触发。 oncontrolselect 当用户将要对该对象制作一个控件选中区时触发。 oncut 当对象或选中区从文档中删除并添加到系统剪贴板上时在源元素上触发。 ondblclick 当用户双击对象时触发。 ondeactivate 当 activeElement 从当前对象变为父文档其它对象时触发。 ondrag 当进行拖曳操作时在源对象上持续触发。 ondragend 当用户在拖曳操作结束后释放鼠标时在源对象上触发。 ondragenter 当用户拖曳对象到一个合法拖曳目标时在目标元素上触发。 ondragleave 当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发。 ondragover 当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发。 ondragstart 当用户开始拖曳文本选中区或选中对象时在源对象上触发。 ondrop 当鼠标按钮在拖曳操作过程中释放时在目标对象上触发。 onerrorupdate 更新数据源对象中的关联数据出错时在数据绑定对象上触发。 onfilterchange 当可视滤镜更改状态或完成转换时触发。 onfocus 当对象获得焦点时触发。 onfocusin 当元素将要被设置为焦点之前触发。 onfocusout 在移动焦点到其它元素之后立即触发于当前拥有焦点的元素上触发。 onhelp 当用户在浏览器为当前窗口时按 F1 键时触发。 onkeydown 当用户按下键盘按键时触发。 onkeypress 当用户按下字面键时触发。 onkeyup 当用户释放键盘按键时触发。 onlosecapture 当对象失去鼠标捕捉时触发。 onmousedown 当用户用任何鼠标按钮单击对象时触发。 onmouseenter 当用户将鼠标指针移动到对象内时触发。 onmouseleave 当用户将鼠标指针移出对象边界时触发。 onmousemove 当用户将鼠标划过对象时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。 onmousewheel 当鼠标滚轮按钮旋转时触发。 onmove 当对象移动时触发。 onmoveend 当对象停止移动时触发。 onmovestart 当对象开始移动时触发。 onpaste 当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。 onpropertychange 当在对象上发生对象上发生属性更改时触发。 onreadystatechange 当对象状态变更时触发。 onresize 当对象的大小将要改变时触发。 onresizeend 当用户更改完控件选中区中对象的尺寸时触发。 onresizestart 当用户开始更改控件选中区中对象的尺寸时触发。 onselect 当当前选中区改变时触发。 onselectstart 对象将要被选中时触发。 ontimeerror 当特定时间错误发生时无条件触发,通常由将属性设置为无效值导致

例如,我们可以通过这段代码输出当前时间点的时间戳复制代码 代码如下:

Grunt.js并不是仅仅是构建工具,实际上他只是任务运行器,管理每个子任务的自动化运行,我们还能使用他做更多东西。

那么何为时间戳呢?

为什么使用Grunt.js?简单的说:为了自动化。对于前端项目,例如:

时间戳就是从1970年1月1日0时0分0秒到当前时间点的所有秒数。1970.1.1 0:0:0 这个时间就是IT中所谓的“时间纪元”,相信大家在很多文章中都见过它。比如oracle的时间显示,unix和linux系统的时间运算等,那为什么选择1970,而不选择1900呢。接下来让我们阐述它的由来。

•为了明确模块分工,我们可能会将Javascript代码拆成很小很小的一个个js文件,但是我们知道,在最终页面上,我们知道过多的js文件会产生过多的Http Request,这不利于页面优化。所以我们可能希望可以合并这些js文件的工具。•为了用户端请求的文件尽量小,我们希望我们的HTML、Javascript等文件能进行压缩。•我们可能需要对源代码进行一些单元测试和回归测试。•我们可能希望有工具能够通过源代码备注自动生成文档,免得手动再写文档。•……很明显,这一切都有各种各样的小工具能帮我们做到,但是我们希望最好能输入一个命令,打开一个程序,或者干脆每次修改文件保存后自动进行这一切事情。

1.当32位计算机刚刚开始兴起的时候,所谓的整数型Intger型数据能表示的最大数值为:System.out.println;21474836472.一年365的总秒数为31536000,3.两者相除,2147483647/31536000=68.1,4.也就是说32位的大背景下,能表示的最长时间间隔为68年5.如果从1970算起,可以表示到2038年 01 月 19 日 03 时 14 分 07秒,便会到达最大时间,6.过了这个时间点,所有32 位操作系统时间便会变为 10000000 00000000 00000000 00000000 也就是1901年12月13日20时45分52秒,这样便出现了时间回归的现象,一些软件可能为此发生重大异常。总结以上要点,想出这套东西的人,最早其实还是那些玩儿UNIX的人,他们考虑到68年其实不长,所以就从1970开始算这68年,他们的希望是,在这68年里,后来的人能尽快搞出一套更良好的机制,改变这个限制。。。果然,64位的兴起,把这个“时间末日”从2038年01月19日03时14分07秒 --》292,277,026,596年12月4日15时30分08秒所以,这个数字够大,计算机时间的“世界末日”就真的是世界末日了代码改变世界,我的《源代码》,我的世界!

以前我们可能使用NodeJS自己写一个build程序,但是现在Grunt.js能够提供我们需要的一切。

安装Grunt.jsGrunt.js 0.4之后,其不再使用全局方式安装整个Grunt.js,而是在全局安装Grunt.js Client,然后在当前项目中安装Grunt,来避免未来不同项目对Grunt不同版本的依赖关系。

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有