菜单

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

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

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...

jquery绑定,移除,触发关联事件汇总

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作:trigger()方法触发被选元素的指定事件类型。 $('#btn').trigger("click"); 触发自定义事件:bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发...

javaScript移动端touch触摸事件touchstart,touchmove,touchend详解

触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候,其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后,Android上的浏览器也实现了相同的事件。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。 下面具体说明: ...

JavaScript四舍五入保留小数位的方法toFixed()

toFixed()方法可以把指定数字的小数位数四舍五入后保留指定的位数,如保留两位小数、三位小数。 语法: NumberObject.toFixed(num) NumberObject - 数字对像 num - 要保留的小数位数,是 0 ~ 20 之间的值,包括 0 和 20,如果省略了该参数,将用 0 代替。 返回值: 返回NumberObject的字符串表示,不采用指数计数法,小数点后有固定的num位数字。如果必要,该数字会被舍入,也可以用0补足,以便它达到指定的长度。如果num大于...

解决使用$.JSON,$.Ajax等返回数据windows.open()跳转浏览器拦截的方法

window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以使用window.location,可以重定向网页地址,使网页跳转到另一个页面。 但是一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体,如果不想让浏览器拦截,解决的方法是把window.open()函数改为由用户主动点击时触发,这样浏览器就认为是用户想访问这个页面,而不是直接弹出给用户。 所以常用的...

document.open() 与 document.write()的区别

document.open()  打开一个新的空白文档,在IE下,open有两个默认参数,相当于 document.open("text/html",'""),第二个参数只有一个值可选:replace,如果启用了该值,则新建的文档会覆盖当前页 面的文档(相当于清空了原文档里的所有元素,且不能后退即,浏览器的后退按钮不可用); 例子: <SCRIPT type="text/javascript"> <!-- function test(){ document.open("text/html","replace"); ...

jquery获取元素颜色css('color')的值返回RGB

css代码如下: a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下: var link_col = $("a:link").css("color"); alert(link_col); 返回的值: rgb(65, 136, 251) jquey设置颜色,使用的应该是rgb格式的。用以下这个function,把rgb转成“#xxxx”(HEX )格式。 var rgbString = "rgb(0, 70...