HTML5中类jQuery选择器querySelector的使用
原文地址http://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素 用法 两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。 element = document.querySelector('selectors'); elementList = document.querySelectorAll('selectors'); 其中参数selectors 可以包含多个CSS选择器,用逗号隔开。 element = document.querySelector('selector1,selector2,...'); elementList = document.querySelectorAll('selector1,selector2,...'); 使用这两个方法无法查找带伪类状态的元素,比如querySe...
JS prototype 原型
1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类: a 类方法 b 对象方法 c 原型方法 例子: function People(name) { this.name=name; //对象方法 this.Introduce=function(){ alert("My name is "+this.name); } } //类方法 People.Run=function(){ alert("I can run"); } //原型方法 People.prototype.IntroduceChinese=function(){ alert("我的名字是"+this.name); } //测试 var p1=new People(“Windking”); p1.Introduce(); People.Run(); p1.IntroduceChinese()...
addEventListener js 捕获阶段 冒泡阶段
element.addEventListener(event, function, useCapture) 参数值 参数 描述 event 必须。字符串,指定事件名。 注意: 不要使用 “on” 前缀。 例如,使用 “click” ,而不是使用 “onclick”。 提示: 所有 HTML DOM 事件,可以查看我们完整的 HTML DOM Event 对象参考手册。 function 必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, “click” 事件属于 MouseEvent(鼠标事件) 对象。 useCapture 可选。布尔值,指定事件是否在捕获或冒泡阶段执行。 可能值: true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行 冒泡:即事件由子元素向祖先元素传播的,就像气泡从水底向水面上浮一样 ‘父级’元素先发生则为:捕获型 ‘子级’先发生则为:冒泡型
js 关键字 in 的使用方法
1.for in 循环 数组或对象属性迭代 [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (x in mycars) { document.write(mycars[x] + "<br />") } [/pcsh] 2.判断对象是否为数组/对象的元素/属性: [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var arr = ["a","...
文字改变时应该会触发input事件
[pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] $('#home .content .in').children('input').on('input',function(e){ var index=$(this).index() console.log(index); var txt='' if($('input[name=t1]').val()){ txt+='我是'+$('input[name=t1]').val()+"<br />" } if($('input[name=t2]').val()){ txt+='不是'+$('input[name=t...
HTML5学习之FileReader接口
用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。到目前文职,只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口有4个方法,其中3个用来读取文件,另一个用来中断读取。无论读取成功或失败,方法并不会返回读取结果,这一结果存储在result属性中。 FileReader接口的方法 方法名 参数 描述 readAsBinaryString file 将文件读取为二进制编码 readAsText file,[encoding] 将文件读取为文本 readAsDataURL file 将文件读取为DataURL abort (none) 终端读取操作 2、FileReader接口事件 FileReader接口包含了一套完整的事件模型,用于捕获读取文件时的状态。 FileReader接口的事件 事件 描述 onabort 中断 onerror 出错 ...
JS中的call()和apply()方法
1、方法定义 call方法:语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 apply方法:语法:apply([thisObj[,argArray]])定义:应用某一对象的一个方法,用另一个对象替换当前对象。说明:如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。 function add(a,b) { alert(a+b); } function sub(a,b) { alert(a-b); } add....
PHP chunk_split() 函数
chunk_split() 函数把字符串分割为一连串更小的部分。 在每个字符后分割一次字符串,并在每个分割后添加 “.”: <?php $str = "Shanghai"; echo chunk_split($str,1,"."); ?>
gd库 函数
GetImageSize作用:取得图片的大小[即长与宽] 用法:array GetImageSize(string filename, array [imageinfo]);ImageArc作用:画弧线 用法:int ImageArc(int im, int cx, int cy, int w, int h, int s, int e, int col);ImageChar作用:写出横向字符 用法:int ImageChar(int im, int font, int x, int y, string c, int col);ImageCharUp作用:写出竖式字符 用法:int ImageCharup(int im, int font, int x, int y, string c, int col);ImageColorAllocate作用:匹配颜色 用法:int ImageColorAllocate(int im, int red, int green, int blue); ImageColorTransparent作用:指定透明背景色 用法:int ImageColor...
PHP file_put_contents() 函数
file_put_contents() 函数把一个字符串写入文件中。 与依次调用 fopen(),fwrite() 以及 fclose() 功能一样。 语法 file_put_contents(file,data,mode,context) 参数 描述 file 必需。规定要写入数据的文件。如果文件不存在,则创建一个新文件。 data 可选。规定要写入文件的数据。可以是字符串、数组或数据流。 mode 可选。规定如何打开/写入文件。可能的值: FILE_USE_INCLUDE_PATH FILE_APPEND LOCK_EX context 可选。规定文件句柄的环境。 context 是一套可以修改流的行为的选项。若使用 null,则忽略。