
javaScript
zf18234031156
Keep Calm and Carry On
展开
-
js不定参数和展开运算符...(三个点)作用
前言在实际开发过程中,当我们封装方法时,如果方法形参的个数是不确定的,如何解决?利用js的…(不定参数和展开运算符)是一种解决方式js不定参数和展开运算符三个点(…)在es6中,有两个含义:不定参数:用在形参中, 表示传递给他的参数集合。funcction methodName(…param){}例如:function method2(...param){ //param便是参数的数组[1,2]}method2(1,2);注意:1.不定参数只能放在最后面2.一个函数不能出现原创 2021-11-24 15:21:36 · 1142 阅读 · 0 评论 -
表单上传多个文件
目录问题描述实现方式问题描述问题1:通过表单上传多个文件时,后台如何将多个文件与参数名对应起来?问题2:表单提交会进行页面跳转实现方式前端通过jquery.form.js进行表单提交,解决页面跳转问题。参考:https://blog.youkuaiyun.com/m0_37505854/article/details/79639046后端通过commons-fileupload.jar解决参数名一一对应的值或文件问题。参考:https://blog.youkuaiyun.com/m_none原创 2020-12-16 15:18:30 · 529 阅读 · 0 评论 -
window.open()打开一个窗体
使用方式windowOpen(url,"",1200,600);// 打开一个窗体function windowOpen(url, name, width, height){ var top=parseInt((window.screen.height-height)/2,10),left=parseInt((window.screen.width-width)/2,10), ...原创 2020-03-13 20:43:49 · 513 阅读 · 0 评论 -
input添加聚焦事件
document.getElementById("id").focus();原创 2018-08-27 17:16:26 · 28131 阅读 · 0 评论 -
ajax 实现上传图片
之前上传文件都是通过表单进行提交的,但是这次上传图片后需要拿到后台返回的一些信息。后台接口不是跳页面而是直接返回json数据。不知道通过表单提交后能否获取到信息(有知道的朋友还望留言告知),所以采用ajax的方式。解决思路:实现ajax上传图片主要的是fromData对象XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通...原创 2019-07-24 18:27:28 · 955 阅读 · 0 评论 -
javascript~获取当前iframe的id和修改iframe属性
获取:var id = self.frameElement.getAttribute(‘id’);修改:(’#’+id+’’,window.parent.document).attr(‘id’,’’);引用:https://blog.youkuaiyun.com/qq_37204361/article/details/83996198...转载 2019-04-19 15:03:58 · 4378 阅读 · 0 评论 -
javascript~将表单元素序列化为对象格式{"":"",....}
$.fn.serializeObject = function () {var o = {};var a = this.serializeArray();$.each(a, function () { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name...转载 2019-04-19 15:01:48 · 394 阅读 · 0 评论 -
javascript~提交表单的方式
一般来说我常用到两种方式:1.表单提交表单get提交参数会以 ?name=***&password=*** 这种形式拼接到url中传递到后台。表单post提交参数会将参数封装到请求体中传递到后台。我们考虑这样一个问题,分别用get和post发送请求时,如果在url上拼接请求参数,例如/**/**?name=***那么后台是否能接受到name参数?答:get方式拼接请...原创 2019-04-19 14:45:44 · 2286 阅读 · 0 评论 -
javascript~设置localStorage的过期时间
localStotage简介与使用总结https://blog.youkuaiyun.com/qq_24598601/article/details/81706424设置localStorage的过期时间https://www.cnblogs.com/yaowan/p/9540633.html使用localhtorage存储对象https://blog.youkuaiyun.com/weixin_36...转载 2019-04-27 14:43:25 · 643 阅读 · 0 评论 -
js 验证码倒计时
递归思想function settime(){ if (countdown == 0) { countdown = 60; }else{ countdown--; $("#getVerification").val("重新发...原创 2019-04-02 20:30:36 · 296 阅读 · 0 评论 -
js判断各种信息
1.判断是否是微信内置的浏览器(微信内置浏览器屏蔽了下载链接)参考:https://www.cnblogs.com/zcynine/p/5438883.html我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息,那么我们也可以通过该方法来获取微信内置浏览器的相关信息。根据关键字 MicroMessenger 来判断是否是微信内置的浏览器。...转载 2019-04-02 09:01:21 · 384 阅读 · 0 评论 -
javascript实用功能-如何定位到页面中最顶层的iframe
window.top.location----定位到页面中最顶层的iframe原创 2019-01-29 17:30:57 · 2094 阅读 · 0 评论 -
javascript实用功能----判断是哪个浏览器(火狐、谷歌、ie、ie11)
function judgmentBrowser(){ var ua = navigator.userAgent; if(/firefox/i.test(ua)){ alert("你是火狐"); }else if(/chrome/i.test(ua)){ alert("你是Chrome"); }else if(/msie/i.test(ua)){ alert("你是IE...原创 2018-11-15 17:35:54 · 2643 阅读 · 0 评论 -
javascript实用小功能----增加、删除、判断、切换HTML元素的class值
已经封装好的,按着要求传入参数即可//定义一个函数,用来向一个元素中添加指定的class属性值/* * 参数: * obj 要添加class属性的元素 * cn 要添加的class值 * */function addClass(obj, cn) { //检查obj中是否含有cn if(!hasClass(obj, cn)) { obj.className +...原创 2018-11-15 17:24:40 · 588 阅读 · 0 评论 -
javascript 实用小功能-拖拽
思路: 1.当鼠标在被拖拽元素上按下时,开始拖拽 onmousedown2.当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove3.当鼠标松开时,被拖拽元素固定在当前位置 onmouseup参数:开启拖拽的元素注意:要拖拽的元素必须开启定位 position:absolute/relavite用法:直接传入要拖拽对象的js对象例子...原创 2018-11-15 17:07:12 · 268 阅读 · 0 评论 -
javascript中小数加减乘除丢失经度问题
var CMX = CMX || {};/** ** 加 **/CMX.add = function (arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; } try { r2 = arg...原创 2018-07-16 15:07:10 · 375 阅读 · 0 评论