展开菜单

带完整省市json数据的jquery省市二级联动代码

做表单涉及到地址地区时,经常需要做地区联动,比如省市二级联动、省市县三级联动以及更深层次的省市县镇街道联运等,下面的代码是最常用到的省市二级联动,附带了完整的json数据,其实做地区联动不难,麻烦的是弄对应的地区数据。 引入省市数据文件 把json数据保存为area.js文件后,引入文件(json数据太长,放在文章末尾了,请在文章末复制) <script src="area.js"></script> HTML代码: <form> <select name="province" onchange...

支持IE/Chrome/Firefox浏览器的网页打印javascript代码

支持IE/Chrome/Firefox浏览器的网页打印javascript代码

点击网页某个元素,调用window.print()方法,打印功能,打印指定元素内的内容,经测试支持Firefox、Chrome、IE9+浏览器。 提醒:IE需要在Internet选项的安全设置中【自定义级别】的“对标记为可安全执行脚本的 ActiveX 控制执行脚本*”设置为启用。 html代码 <div id="entry"> 此处是要被打印的内容! </div> <a href="javascript:void(0);" id="print">打印内容</a> javascr...

原生javascript获取指定对象所有子孙元素集合的代码

不限制层级、不区分标签名、不区分样式名,通过原生javascript代码获取所有子元素,包括子元素的子元素(孙元素)的集合,可以通过定义一个数组,然后多次嵌套使用javascript的children属性获取子元素存储到数组来实现,代码很简单,效率不详! 代码示例 HTML代码 <div id="tddx-entry"> <p> <span></span> </p> <h2> <i></i> </h2> <h3&g...

支持移动端图片放大缩小旋转的图片预览js插件viewer.js

支持移动端图片放大缩小旋转的图片预览js插件viewer.js

淘宝网宝贝详情里的图片,点击后可以弹窗预览,且支持触摸放大缩小,体验非常好,viewer.js插件就是款可以实现类似效果、功能完善的图片预览js插件,有纯js版本和jQuery版本。 viewer.js插件可以实现点击图片弹窗显示,PC端支持鼠标键盘移动、放大缩小,移动端支持触摸移动缩放等,还支持旋转(类似微博图片的旋转)、水平/垂直翻转、全屏幻灯片、缩略图、标题以及多种自定义事件等,另外还提供了多种回调函数。 viewer.js插件下载 纯JS版本:https://github.com/fengyuanchen/viewerj...

vue 绑定style显示背景图片background-image的方法代码

HTML标签使用style background-image属性添加背景图片,需要和vue双向绑定。 HTML代码 <div id="app"> <div class="pic" v-bind:style="{backgroundImage:'url('+ bg + ')'}"></div> </div> 这里需要注意的是: 在vue中background-image要用驼峰写法,写成backgroundImage(和在jquery里的写法一致); 结束不要加分号。 ...

javascript获取对象数组中指定对象属性的对象下标的方法findIndex()

一个对象数组,已知其中一个对象属性的某个属性值,然后通过该属性值获取其所属对象的对象下标。 简单地说就是通过指定对象属性值获取对象的下标,可以通过 javascript 的 findIndex() 方法实现。 findIndex() 方法的作用是传入一个函数条件,然后返回符合条件的数组的第一个元素的位置(下标)。 示例代码: var _name = 'tddx'; //已知属性值 var _object = [ { name: 'tddx', age: '10' }, { name: 'neirong', a...

javascript实现点击递增递减改变字体字号大小的代码

网页中常见的效果,点击按钮改变内容的字体显示大小,方便眼睛视力不同的人阅读,提高网页的用户体验。 实现方法也比较简单,通过js修改元素css的font-size属性。 实现代码 HTML代码: <a id="cut" href="javascript:void(0);">A-</a> <a id="add" href="javascript:void(0);">A+</a> <div id="entry"> 这里是内容 </div> Javascript代码...

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

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

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) { v = (m / 1000).toFixed(2) + 'km' } else { v =...

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

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