JS如何避免重复性触发操作

btn的click事件,每次点击都会执行给定的function,如果function复杂的话,很容易消耗内存解决方法--setTimeout延时处理. 给function做延迟处理,比如600毫秒后执行,如果在600毫秒内再次触发方法,则将之前的timeout清除. 代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">…

PHP中的__toString方法(实现JS里的链式操作)

_toString方法是在打印对象时自动调用的魔术方法,如果不声明会报以下错 Catchable fatal error: Object of class String could not be converted to 示例: PHP里有很多的字符串函数,假如要先过滤字符首尾的空格,再求出字符串的长度,一般会这么写: strlen(trim($str)); 如果要实现JS里的链式操作,比如像下面这样,应该怎么实现? $str->trim()->strlen() 很简单,先实现一个String…

Node.js文件系统、路径的操作详解

17173 17173 2 75 2014-12-12T05:06:00Z 2014-12-12T05:06:00Z 21 2735 15595 www.17173.com 129 36 18294 14.00 Clean Clean false 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-r…

Node.js文件系统、路径的操作函数

Node.js文件系统.路径的操作函数目录 Node.js文件系统.路径的操作函数 1.读取文件readFile函数 2.写文件 3.以追加方式写文件 4.打开文件 5.读文件,读取打开的文件内容到缓冲区中: 6.写文件,将缓冲区内数据写入使用fs.open打开的文件 7.刷新缓存区; 8.创建目录; 9.读取目录; 10.查看文件与目录的信息; 11.查看文件与目录的是否存在 12.修改文件访问时间与修改时间 13.修改文件或目录的操作权限 14.移动/重命名文件或目录 15.删除空目录 1…

[转]js中confirm实现执行操作前弹出确认框的方法

原文地址:http://www.jb51.net/article/56986.htm 本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了最简单的用法如下: 鼠标事件使用confirm 复制代码代码如下: <a href="#" onclick= "if(confirm( '是否确定! ')==false)r…

js 判断js函数、变量是否存在 JS保存和删除cookie操作,判断cookie是否存在的方法

//是否存在指定函数 function isExitsFunction(funcName) { try { if (typeof(eval(funcName)) == "function") { return true; } } catch(e) {} return false;}//是否存在指定变量 function isExitsVariable(variableName) { try { if…

JS子元素oumouseover触发父元素onmouseout

原文:JS子元素oumouseover触发父元素onmouseout JavaScript中,父元素包含子元素: 当父级设置onmouseover及onmouseout时,鼠标从父级移入子级,则触发父级的onmouseout后又触发onmouseover:从子级移入父级后再次触发父级的oumouseout后又触发onmouseover.而如果onmouseover内又应用了计时器便会存在较大的问题.下面针对此问题给出解决方案. 首先,在给出解决方案之前,必须先弄清楚几个对象及方法,分别如下: 1…

js系列教程1-数组操作全解

全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算法全解 js系列教程6-BOM操作全解 js系列教程7-DOM操作全解 js系列教程8-事件全解 js系列教程9-表单元素全解 js系列教程10-canvas绘图全解 js系列教程11-json.ajax.comet全解 js系列教程12-离线应用与存储全解数组操作全解 js变量类型 var st…

js 属性增改删操作

js 属性增改删操作,可参看菜鸟教程,这里记录一个小问题:disabled属性使用setAttribute操作无法禁用disabled属性,需使用removeAttribute操作,原因是只要有disabled,那他即会生效.…

js对数组对象的操作以及方法的使用

js对数组对象的操作以及方法的使用如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataList.splice(0,arr.length); 如何指定位置对数组对象的添加,如何将指定元素添加到数组中间位置? /** * 假设数组的长度值为偶数,如何将指定元素添加到数组中间位置. */ function array_middle_insert() { var arr = ['1','2',…

【JS】伪主动触发input:file的click事件

大家用到input:file标签时,对于input:file的样式难看的处理方法一般有2种: 采用透明化input:file标签的方法,上面放的input:file标签,下面放的是其他标签,实际点击的还是上面的input:file标签,这种方法考验开发的样式水平了,不在细说采用js去控制,触发input:file标签的click事件.这样就可以使用漂亮的图案来替换input:file的位置,代码如下: <html> <head> </head> <body>…

js open窗口父子窗口操作

http://zhidao.baidu.com/question/61358246.html?an=0&si=1 js open窗口父子窗口操作父窗口js代码: function openCrawlPage(){ var crawlWin = window.open("/createReportCrawl.do? type=1&ao=y","crawl_window","width=1000,he…

js对数组的常用操作

在js中对数组的操作是经常遇到的,我呢在这就列一下经常用到的方法删除数组中的元素: 1.delete方法:delete删除的只是数组元素的值,所占的空间是并没有删除的代码: var arr=[12,23,44,5,6,23,43,34]; console.log(arr.length); console.log(arr); delete arr[1]; console.log(arr); console.log(arr[1]); console.log(arr.length); 运行结果在这…

js进阶 11-18 jquery中操作选择器的方法有哪些

js进阶 11-18 jquery中操作选择器的方法有哪些一.总结一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jquery对象加到add()方法之前选择器之中 43 $("p").css("background","#ccc").add('li').css("color","red") 2.addBack()方法是干嘛的,举…

JS 中的日期时间操作计算实例

实例一:已知日期格式为 "YYYY/MM/DD",计算相对于今天的天数差. function fromNow(date){ var mTimes = new Date(date); var fromTimes = Date.now() - mTimes.valueOf(); return Math.floor(fromTimes/(24*60*60*1000)); } var date = "2015/09/18"; console.log(fromNow(dat…

js图片预加载后触发操作

为了使得图片加载完,再触发回调函数,需进行图片预加载处理 function loadImage(url, callback) { var img = new Image(); img.src = url; img.onload = function(){ //图片下载完毕时异步调用callback函数. callback.call(img); // 将callback函数this指针切换为img. }; }:…

JS 页面加载触发事件 document.ready和window.onload的区别

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 使用jq时一般都是这么开始写脚本的: $(function(){ // do something }); 例如: $(function() { $("a").click(function() { alert(&…

JS 页面加载触发事件 document.ready和onload的区别（转）

原博地址:http://blog.163.com/zhaoyanping_1125/blog/static/20132915320111129113723710/ * document.ready和onload的区别 document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 用…

js，jQuery和DOM操作的总结（一）

废话不说,直接上图一 js的基本操作 (1)js 的六种数据类型 var n4;//六种数据类型用typeof来确定类型,Null类型的用typeof是不行的,这个是特殊 alert(typeof (n4)); var n1 = 123; alert(typeof n1); var n2 = "hahaha"; alert(typeof (n2)); var n3 = true; alert(typeof (n3)); var n5 = null; alert(String(n5))…

js --- 关于DOM的事件操作

一.JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 二.事件 JS是以事件驱动为核心的一门语言. 事件的三要素事件的三要素:事件源.事件.事件驱动程序总结如下: 事件源:引发后续事件的html标签. 事件:…

JS 页面加载触发事件 document.ready和onload的区别

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 用jQ的人很多人都是这么开始写脚本的: $(function(){ // do something }); 例如: $(function() { $("a").click(function(…

前端js之BOM和DOM操作

目录引入 BOM操作 window对象 history对象 location对象(重点) 弹出框定时器计时器相关 DOM 查找标签直接查找间接查找节点操作创建节点及添加节点删除节点替换节点属性节点及文本节点获取值操作标签类(class)属性标签样式操作事件常用事件绑定事件方式引入 JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"…

jquery和Js的区别和基础操作

jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以,一般用带有min的,是压缩版的,如果还要引用其他js文件的话,一定要juery包在上面,其他的引用放在他下面先来看看如果使用Juery的话,怎么来引用Juery包这样来引用,然后就可以用Juery方法了和js的语法一样,都是写在<script type = "text/javascrip…

HTML(.js) – 最简单的方式操作 DOM 的 JS 库

HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法. 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法.相比 jQuery.YUI.MooTools 等 JavaScript 库已经有这样的功能,这个框架不包裹或隐藏原生 DOM,而是暴露和增强,而且非常轻量. 您可能感兴趣的相关文章那些让人惊叹的的国外创意404错误页面设计让人爱不释手的精美 Web 应用程序图标素材赞!10套精美的免费网站后台管理系统…

[转]html5 js 访问 sqlite 数据库的操作类

本文转自:http://blog.csdn.net/tsxw24/article/details/7613815 webkit 核心的浏览器提供了 3个 api接口,用于访问本地sqlite数据,但使用起来很不方便故而做这个js封装,以方便使用参考文章: sqlite API 说明 http://www.mhtml5.com/resources/html5-js-api%E6%95%99%E7%A8%8B%EF%BC%88%E4%B8%89%EF%BC%89-%E6%9C%AC%E5%9C%…

js学习笔记2---HTML属性操作

1.HTML属性操作:读.写属性名属性值 2.属性读操作:获取.找到 a) 语法:元素.属性名如:document.getElementById(“btn”).value; b) 字符串的连接: + 3.属性写操作:(“添加”)替换.修改 a) 语法:元素.属性名 = 新的值如:document.getElementById(“btn”).value = “嘛呢嘛呢哄~变变变”; .元素内容操作:(“添加”)替换.修改 oP.innerHTML 读取元素内的所有H…

js获取节点的DOM操作

一直感觉DOM节点什么的乱七八糟的不能理解,可能博客也没办法写清楚,只能把知道的一些信息大致写下来慢慢再补充了. HTML DOM类型 Node类型 Javascript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法. 除IE外其他浏览器都可以访问到这个类型. 每个节点都有一个NodeType属性,用于表明节点的类型,节点类型由在Node类型中定义的下列12个常数值来表示,任何节点类型必居其一. 根据这些常量值可以很容易的判断节点类型. if(someNode…