js代码实现m转换为km的代码，实现思路是判断数值是否大于1000，如果大于1000就通过除以1000转为km单位，再使用toFixed保留小数点后两位数。如果小于两1000则使用m为单位。 代码如下 function kmUnit(m){ var v; if(typeof m === 'number' && !isNaN(m)){ if (m >= 1000) { v = (m / 1000).toFixed(2) + 'km' } else { v =...
javascript Web API接口navigator.language（只读属性）可以返回一个表示用户偏好语言的字符串，通常指浏览器UI的语言（即在浏览器设置中选择的语言），换个思路，使用navigator.language可以在一定程度上判断浏览访客来自哪个国家，至少能判断浏览器使用的是哪国语言（根据浏览器语言的选择）。 navigator.language语言列表： 来自stackoverflow（不知道是不是齐全的） ["af", "sq", "ar-SA", "ar-IQ", "ar-EG", "ar-LY", "ar-DZ", ...
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...
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普通函数，它们总归是函数，它们的调用方式决定了它们是构造函数还是普通函数。 下面是一个函数的声明，它就是一个函数，但它后面的使用方式决定了它是构造函数还是普通函数： function website(name,url){ this.webName = name; this.webUrl = url; } 构造函数 var site =new website("资源共享", "https://www.td...
使用javascript方法split()分割字符串时，出现“Uncaught TypeError: xxx.split is not a function”的错误提示，出现这个问题的原因是变量xxx不是string类型的值，解决方法是把变量转换成string类型即可。 示例： var xxx = 1234567; var xxx = xxx.toString().split(); console.log(xxx);
由于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...
浏览器内置全屏浏览网页的功能，通过键盘快捷键F11可以进入全屏模式，而在网页端则可以通过js代码使用requestFullScreen()方法进入浏览器全屏浏览模式，使用exitFullScreen()方法退出浏览器全屏浏览模式。最低支持IE11浏览器。 进入全屏 requestFullScreen()方法 发出一个使元素进入全屏状态的异步请求，进入全屏状态成功，那么会触发document对象的fullscreenchange事件，失败则会会触发document对象的fullscreenerror事件。 注意: 包含在...
阿拉伯数字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可以获取元素的子元素集合，且支持兼容IE6、IE7、IE8浏览器，IE9以上浏览器只返回元素节点，IE6、IE7、IE8浏览器会返回元素节点和注释节点，所以建议不要在指定元素中使用注释，以保证兼容性。 提示：Children返回的是子元素集合，根据子元素在元素中出现的先后顺序进行排序，可以使用length属性获取子元素的数量，然后通过序列号(index，起始值为0)访问每个子元素。 HTML代码： <ul class="nav" id="nav"> <li><a href="#"...
禁止浏览器窗口滚动的同时保留滚动条，以及滚动条被禁止滚动后，再次启用滚动条滚动的jquery代码如下： /**禁用滚动条**/ function unableScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) } /**启用滚动条**/ function enableScroll() { $(document).unbind("scroll.unable");...
javascript中childNodes属性的作用是获得元素的子节点集合，返回节点的子节点集合，以 NodeList 对象；javascript的children属性作用也是获取元素的子元素集合，返回元素的子元素的集合，是一个 HTMLCollection 对象。 children属性与childNodes属性的差别： childNodes属性返回所有的节点，包括文本节点、注释节点； children属性只返回元素节点； 先看childNodes的用法，以及是如何计算节点数量： ...