原生javascript实现tab切换效果的代码

Tab切换是网页制作中常用的效果,通过jquery很容易实现,使用原生javascript代码则稍微有点繁锁。 HTML代码: <div id="tabmenu"> <span class="current>普通会员</span> <span>超级会员</span> </div> <div id="tabbox">...
Web前端开发 / / 2280次阅读

javascript 单位米m转换为单位千米km的代码

js代码实现m转换为km的代码,实现思路是判断数值是否大于1000,如果大于1000就通过除以1000转为km单位,再使用toFixed保留小数点后两位数。如果小于两1000则使用m为单位。 代码如下 function kmUnit(m){ var v; if(typeof m === 'number' && !isNaN(m)){ if (m >= 1000) {...
Web前端开发 / / 12105次阅读

javascript navigator.language所有语言的列表

javascript Web API接口navigator.language(只读属性)可以返回一个表示用户偏好语言的字符串,通常指浏览器UI的语言(即在浏览器设置中选择的语言),换个思路,使用navigator.language可以在一定程度上判断浏览访客来自哪个国家,至少能判断浏览器使用的是哪国语言(根据浏览器语言的选择)。 navigator.language语言列表: 来自stackoverflow...
Web前端开发 / / 9002次阅读

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

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

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

区分javascript函数是构造函数还是普通函数的方法是看它们使用了哪种调用方式,无论是javascript构造函数还是javascript普通函数,它们总归是函数,它们的调用方式决定了它们是构造函数还是普通函数。 下面是一个函数的声明,它就是一个函数,但它后面的使用方式决定了它是构造函数还是普通函数: function website(name,url){ this.webName = name;...
Web前端开发 / / 2559次阅读

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(x...
Web前端开发 / / 8493次阅读

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

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

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

浏览器内置全屏浏览网页的功能,通过键盘快捷键F11可以进入全屏模式,而在网页端则可以通过js代码使用requestFullScreen()方法进入浏览器全屏浏览模式,使用exitFullScreen()方法退出浏览器全屏浏览模式。最低支持IE11浏览器。 进入全屏 requestFullScreen()方法 发出一个使元素进入全屏状态的异步请求,进入全屏状态成功,那么会触发document对象的...
Web前端开发 / / 3522次阅读

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

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

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

原生javascript Children可以获取元素的子元素集合,且支持兼容IE6、IE7、IE8浏览器,IE9以上浏览器只返回元素节点,IE6、IE7、IE8浏览器会返回元素节点和注释节点,所以建议不要在指定元素中使用注释,以保证兼容性。 提示:Children返回的是子元素集合,根据子元素在元素中出现的先后顺序进行排序,可以使用length属性获取子元素的数量,然后通过序列号(index,起始值为0)访问每个子元...
Web前端开发 / / 4550次阅读

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

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