展开菜单

javascript toFixed()方法兼容负数重写

javascript方法toFixed()可以把Number四舍五入为指定小数位数的数字,但在负数上似乎有问题,把方法提出来重写以兼容负数。 代码可放在方法调用前的任意js文件,或直接放在页面上。 Number.prototype.toFixed = function (s) { var that = this, changenum, index; if (this < 0) { that = -that; } changenum = (parseInt(that * Math.pow(10, s) + 0.5) / Math.pow(10,...

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

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

javascript错误:xxx.split is not a function的原因和解决方法

使用javascript方法split()分割字符串时,出现“Uncaught TypeError: xxx.split is not a function”的错误提示,出现这个问题的原因是变量xxx不是string类型的值,解决方法是把变量转换成string类型即可。 示例: var xxx = 1234567; var xxx = xxx.toString().split(); console.log(xxx);

javascript判断所有图片是否加载完成

由于load()事件在1.8版本中被废弃,因此前面的jquery判断多张图片是否加载完成代码(兼容IE)代码只能在jQuery低版本下使用,下面的判断所有图片是否加载的函数代码基于原生javascript代码,兼容大部分浏览器。 函数代码: function loadImg(arr) { var newimages = []; var arr = (typeof arr != 'object') ? [arr] : arr; for (var i = 0; i < arr.length; i++) { newimages[i] = new Pro...

javascript实现浏览器全屏显示和退出全屏代码

浏览器内置全屏浏览网页的功能,通过键盘快捷键F11可以进入全屏模式,而在网页端则可以通过js代码使用requestFullScreen()方法进入浏览器全屏浏览模式,使用exitFullScreen()方法退出浏览器全屏浏览模式。最低支持IE11浏览器。 进入全屏 requestFullScreen()方法 发出一个使元素进入全屏状态的异步请求,进入全屏状态成功,那么会触发document对象的fullscreenchange事件,失败则会会触发document对象的fullscreenerror事件。 注意: 包含在...

使用javascript把阿拉伯数字转换为中文数字文字

阿拉伯数字0、1、2、3、4、5、6、7、8、9,中文数字一、二、三、四、五、六、七、八、九、十,使用js脚本代码,把列表中的阿拉伯数字序号替换为中文数字文字。 转换函数代码: function toChinesNum(num){ let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "零" let unit = ["", "十", "百", "千", "万"]; num = parseInt(num); let ...

原生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="#"...

jquery禁止/启用滚动条滚动的代码

禁止浏览器窗口滚动的同时保留滚动条,以及滚动条被禁止滚动后,再次启用滚动条滚动的jquery代码如下: /**禁用滚动条**/ function unableScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) } /**启用滚动条**/ function enableScroll() { $(document).unbind("scroll.unable");...

JavaScript属性childNodes和children的区别

JavaScript属性childNodes和children的区别

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

javascript计算两个日期的天数差js代码

使用javascript计算两个日期(yyyy-mm-dd格式)之间相差多少天的代码。 1、指定日期天数差 function DateDiff(start, end){ start = new Date(start); end = new Date(end); if(end > start){ days = parseInt(Math.abs(end - start) / 1000 / 60 / 60 / 24); }else{ days = '0'; } return days; } 调用输出: do...

js插件:自动生成二维码的javascript库QRCode.js

QRCode.js是一个用于生成二维码的javascript库,通过获取DOM标签再使用HTML5的Canvas绘制而成,不依赖任何库(如jQuery)。QRCode.js支持IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile等浏览器。 使用方法: 1、下载地址:https://github.com/davidshimjs/qrcodejs 2、引用qrcode.js文件: <script type="text/javascript" ...