展开菜单

原生javascript判断数组是否包含一个指定的值

方法一 array.indexOf()方法可以返回数组中某个指定的元素位置,该方法会从头到尾地检索数组,检测是否含有对应的元素,如果检索到,则返回元素第一次出现的位置,如果没有检索到,则返回-1。 示例: var _str = 'two'; var _arr = ['one', 'two', 'three', 'five']; if(_arr.indexOf(_str) > '-1'){ alert('数组中存在该值'); } //_arr.indexOf(_str) 返回结果是1 方法二 array.include...

js cancelAnimationFrame兼容低版本浏览器(支持IE9)

与 requestAnimationFrame() 方法一样,javascript window对象的 cancelAnimationFrame() 方法同样不支持IE9及其它低版本浏览器,毕竟 cancelAnimationFrame() 方法就是用来取消 requestAnimationFrame() 动画帧的。因此兼容IE9及其它低版本浏览器的方法也差不多。 代码如下: window.cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame || w...

javascript利用canvas lineTo结合参数方程绘制椭圆(支持IE)

javascript利用canvas lineTo结合参数方程绘制椭圆(支持IE)

目前使用canvas画布绘制椭圆形的方法有 ellipse()、 scale()、贝塞尔曲线以及 lineTo(),其中比较推荐 ellipse(),但是该方法尚未纳入标准,IE全系列浏览器都不支持,其它浏览器目前比较好。 如果想兼容IE浏览器,可以考虑使用 lineTo() 方法,但是如果要绘制的椭圆像素较大,会存在很大的效率问题,甚至浏览器崩溃,但是小又少的椭圆影响不大。 HTML代码 <canvas id="canvas"> 浏览器不支持Canvas </canvas> javascript代码 ...

javascript navigator.language所有语言的列表

javascript Web API接口navigator.language(只读属性)可以返回一个表示用户偏好语言的字符串,通常指浏览器UI的语言(即在浏览器设置中选择的语言),换个思路,使用navigator.language可以在一定程度上判断浏览访客来自哪个国家,至少能判断浏览器使用的是哪国语言(根据浏览器语言的选择)。 navigator.language语言列表: 来自stackoverflow(不知道是不是齐全的) ["af", "sq", "ar-SA", "ar-IQ", "ar-EG", "ar-LY", "ar-DZ", ...

原生javascript删除html标签属性的方法removeAttribute()

jquery使用removeAttr()方法删除标签属性,原生javascript使用removeAttribute()方法删除标签属性。两个方法的名称差不多。 HTML代码: <div class="one" style="padding:50px"></div> <h2 style="padding:50px"></h2> <div id="two" style="padding:50px"></div> 分别删除上面HTML代码中的style属性。 document.getE...

jQuery的$().each方法和$.each()方法的区别

$().each和$.each()是两个名称相似的jquery方法,它们的区别是前者用于处理DOM对象,后者用于处理数据对象。 方法结构 $().each $(selector).each(function(index,element){ //执行代码 }); $.each() $.each(dataArray, function(index,element){ //执行代码 }); 方法示例 使用$().each处理DOM HTML代码 <ul> <li>北京<...

最直观的理解javascript构造函数和普通函数的区别

区分javascript函数是构造函数还是普通函数的方法是看它们使用了哪种调用方式,无论是javascript构造函数还是javascript普通函数,它们总归是函数,它们的调用方式决定了它们是构造函数还是普通函数。 下面是一个函数的声明,它就是一个函数,但它后面的使用方式决定了它是构造函数还是普通函数: function website(name,url){ this.webName = name; this.webUrl = url; } 构造函数 var site =new website("资源共享", "http://www.nei...

js简单实现数字位数不够前面补0的方法代码

数字按个位数递增,没达到十位数或更高位数时,数字前面自动补0,如01、02、03、……、10、11如此类推,可以通过js代码实现。 代码示例 var _n = 1; //初始数 var _m = 2; //最高位数 var _a = Array(_m); //长度为2的空数组 _a = _a.join(0); //使用0隔开空数组,且把数组转换成字符串,结果是00 _a = _a + _n; // 拼接字符串,结果是 001 _a = _a.slice(-_m); //截取保留最后面2位字符串(slice(-2)表示从后面往前面数2位) console.lo...

原生javascript获取元素的子元素属性Children,兼容IE678

原生javascript Children可以获取元素的子元素集合,且支持兼容IE6、IE7、IE8浏览器,IE9以上浏览器只返回元素节点,IE6、IE7、IE8浏览器会返回元素节点和注释节点,所以建议不要在指定元素中使用注释,以保证兼容性。 提示:Children返回的是子元素集合,根据子元素在元素中出现的先后顺序进行排序,可以使用length属性获取子元素的数量,然后通过序列号(index,起始值为0)访问每个子元素。 HTML代码: <ul class="nav" id="nav"> <li><a href="#"...

JavaScript属性childNodes和children的区别

JavaScript属性childNodes和children的区别

javascript中childNodes属性的作用是获得元素的子节点集合,返回节点的子节点集合,以 NodeList 对象;javascript的children属性作用也是获取元素的子元素集合,返回元素的子元素的集合,是一个 HTMLCollection 对象。 children属性与childNodes属性的差别: childNodes属性返回所有的节点,包括文本节点、注释节点; children属性只返回元素节点; 先看childNodes的用法,以及是如何计算节点数量: ...

jQuery获取background-image属性url值的方法

jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url,要获取背景图片属性background-image中图片路径的值,可以通过split()或replace()获取。 方法一: var _bk = $('.bgImg').css('backgroundImage'); var _src = _bk.split('(')[1].split(')')[0]; alert(_src); 代码意思: 1、获取background-image属性值url('path') 2...