javascript
高振05
学习箴言:得之不难,失之必易。
展开
-
get请求传递json数据时需要进行转码
js转码方法:var str = encodeURI(JSON.stringify(list),'utf-8')java使用:String str=URLEncoder.encode(JSONObject.toJSONString(list),"utf-8")原创 2019-05-07 10:15:50 · 6859 阅读 · 0 评论 -
详解手机注册验证码操作思路与流程
手机注册验证码操作思路与流程1、前端传入手机号参数并做验证码倒计时 /** * 重新获取验证码倒计时 * @returns */ reGetSMS : function () { var obj = $('#btn_getCode'); // 重新发送倒计时 var validCode = true; var time=60; if (validCode)原创 2017-12-05 09:56:37 · 12729 阅读 · 2 评论 -
获取验证码倒计时
/** * 重新获取验证码倒计时 * @returns */reGetSMS : function () { var obj = $('#btn_getCode'); // 重新发送倒计时 var validCode = true; var time=60; if (validCode) { validCode = false; var t = setInterval(f原创 2017-12-05 09:18:37 · 244 阅读 · 0 评论 -
微信端html5中的图片放大预览
1、插件引用(jQuery之后): 2、jdk初始化// 微信jdk权限注入jdk_config.configJdk();3、图片点击事件// 点击预览图片 $('#poiCommentList').on('click','img',function(){ var src = $(this).attr('src'); var im原创 2017-12-05 09:11:22 · 11170 阅读 · 0 评论 -
layer插件移动端弹出框示例
// layer插件移动端弹出框示例//信息框 layer.open({ content: '移动版和PC版不能同时存在同一页面' ,btn: '我知道了' }); //提示 layer.open({ content: 'hello layer' ,skin: 'msg' ,time: 2 //2秒后自动关闭 }); //转载 2017-11-28 09:37:07 · 6562 阅读 · 0 评论 -
移动端导航固定头部的fixed设置
移动端导航固定头部的fixed设置html部分: 产品介绍 预定须知 用户点评 css部分:.poi-navigation{ margin-top: 10px;}.poi-navigation ul{ height: 35px; line-height: 35px; text-align: -webkit-center; backgrou原创 2017-12-04 17:33:19 · 4741 阅读 · 0 评论 -
移动端js分页
移动端js分页:1、页面滚动设置var flag = true;init : function () { // 添加页面滚动监听 window.onscroll = spotList.scrollEvent;},/** * 滚动监听 * @returns */scrollEvent : function () { var scrollTop = do原创 2017-12-04 17:16:14 · 1389 阅读 · 0 评论 -
ajaxupload返回带有pre标签的数据处理方法
我们使用ajaxupload插件上传文件时,有时返回的数据的是这样的:{"errCode":"","resCode":"0","resData":null}这种数据怎么来处理的呢,那就用var data = $.parseJSON(response.replace(//ig,""));来处理。如下代码:/**上传execl*/ uploadExcel: function ()原创 2017-11-17 09:12:31 · 732 阅读 · 1 评论 -
js去除数组中重复的元素
/**去除数组中重复的元素*/ unique:function(arr){ // 遍历arr,把元素分别放入tmp数组(不存在才放) var tmp = new Array(); for(var i in arr) { //该元素在tmp内部不存在才允许追加 if(tmp.index转载 2017-11-02 11:00:09 · 369 阅读 · 0 评论 -
js或jquery阻止向上冒泡事件
js或jquery阻止向上冒泡事件 如果我们想要的点击事件的上层还有一个点击事件,正常情况下会出发两次点击事件,但是我们只想要其本身的点击事件,那么就需要阻止其向上冒泡了。直接看代码 外层 内层 $("#first").click(function(){ console.log("外层")原创 2017-11-09 14:19:54 · 5525 阅读 · 0 评论 -
js日期转成2017-12-05形式的字符串简单方法
js日期转成2017-12-05形式的字符串简单方法new Date().toISOString().substring(0, 10);原创 2017-12-05 10:45:29 · 329 阅读 · 0 评论 -
移动端自定义日历
移动端自定义日历1、html代码 出游日期: 2017-08-19 选择日期原创 2017-12-05 11:01:09 · 1253 阅读 · 0 评论 -
监听input框输入的监听事件
监听input框value改变时间 $('input#countNo').on('mouseup keyup change input', function () { });原创 2017-12-05 11:04:19 · 2984 阅读 · 0 评论 -
使用select2实现本地或者ajax动态查询
效果:1、插件引用<link rel="stylesheet" type="text/css" href="resource/js/public/select2.4.0.6/css/select2.css"/> <script type="text/javascript" src="resource/js/public/select2.4.0.6/js/sel...原创 2019-04-19 14:06:57 · 1104 阅读 · 0 评论 -
jquery框架下的js设计模板:道格拉斯设计模板
设计目的:利用闭包原理实现变量函数私有化,避免jquery框架与其他框架格式冲突,功能模块清晰1、Html引入:<script type="text/javascript"> $(document).ready(function () { costManager.init(); //costManager与js的文件名和文件引入window变量...原创 2019-04-02 09:25:44 · 272 阅读 · 0 评论 -
常用的layer弹出层
常用的layer弹出层1、提示信息layer.msg("格式不正确")2、loading加载层 var loading_img = layer.load(1, { shade: [0.1,'#fff'] //0.1透明度的白色背景 }); //数据调取完毕时使用 layer.close(loading_img);3、删除确认询问框 layer.confirm('确原创 2018-01-05 10:48:45 · 3169 阅读 · 0 评论 -
类似途牛的价格日历的简单实现
1、引入插件2、html代码3、js代码var mockData = [ { date: "2018-01-03", price: "0.12" },{ date: "2018-01-04", price: "12.00" },{ date: "2018-01-20", price: "12000" }];var nowdate = new Da原创 2018-01-08 09:49:02 · 5251 阅读 · 2 评论 -
使用ajaxupload插件放在modal弹出框的情况下,关闭弹出框会继续保留隐藏的input文件框的解决办法
使用ajaxupload插件放在弹出框的情况下,关闭弹出框会继续保留隐藏的input文件框的解决办法思路是在modal框关闭时隐藏该input文件框$('#myModal').on('hide.bs.modal', function () { $("[name='img']").parent().css('visibility', 'hidden'); })原创 2017-11-23 11:41:31 · 602 阅读 · 0 评论 -
详解js插件ajaxupload实现图片上传(适用springboot)
详解js插件ajaxupload实现图片上传1、插件引用2、html代码这是bootstrap的弹出框,其中#show_img部分为上传图片的关键代码 × 修改热门推荐原创 2018-01-06 10:35:02 · 5224 阅读 · 0 评论 -
html传参与输入页码格式验证
getQueryString:function(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return? unescape(r[2]); return null;原创 2017-08-19 08:26:37 · 432 阅读 · 0 评论 -
js实现页面内检索
js实现页面内检索核心思路:1、隐藏所有元素2、显示包含检索条件文本的元素js代码://按城市检索 $("#btn_search").click(function(){ var txt=$("#city").val(); if($.trim(txt)!=""){ //所有的省份隐藏,并显示包含检索内容的省份模块显示原创 2018-01-12 13:40:43 · 7588 阅读 · 0 评论 -
js解析\遍历json数据中所有的键和值
js解析\遍历json数据中所有的键和值for(var key in json){console.log(key) //键consolelog(json[key]) //值}注:数组同样适合例如: var jsona={"1":{"id":"1","name":"宾馆服务项目","count":1,"rows":[{"9":"免费停车场"}]},"6":{"原创 2018-01-03 14:23:25 · 13877 阅读 · 0 评论 -
js实现数据的excel下载
js实现数据的excel下载 由于目前html+ajax的后台数据传递的使用很高,那么如果对后台传入的json数据进行excel格式的下载呢? 本人也搜索了网络的各种办法,自认为下面这个方法经过改进后应该是最简单的:原创 2017-10-23 09:16:27 · 4292 阅读 · 0 评论 -
学习Html、css和Javascript中的常用标签英文缩写笔记(可供同学们参考)
常用HTML标签:hr:Horizontal Route em:emphasisp:paragraphbr:breakh1:headlinea:anchorol:ordered listul:unordered listli:list itemdl:definition listdt:definition termdd:definition des原创 2017-04-01 10:57:35 · 1027 阅读 · 0 评论 -
window.location window.location.href 跳转url区别
window.location window.location.href 跳转url区别 window.location=url 如果页面之前已经载入。则重新载入调用的是本地缓存window.location.href=url 页面跳转是载入新页面方式,调用资源缓存类型是根据服务器缓存机制调用,转载 2017-04-18 12:20:12 · 7807 阅读 · 0 评论 -
实现三级菜单联动综合代码
实现三级菜单联动综合代码实现点击一级菜单弹出二级菜单,选择二级菜单弹出三级菜单的功能1、html代码您当前选择的商品类别是: 2、css代码 /*选择商品分类标题*/ .selectedSort { padding: 5px 15px; border: 1px solid #DDDDDD; background-c原创 2017-09-22 09:16:21 · 3358 阅读 · 0 评论 -
jquery中attr和prop的区别
jquery中attr和prop的区别 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。原创 2017-09-29 16:17:22 · 375 阅读 · 0 评论 -
js分页
/*分页*///上一页$("#next_pages").click(function() { next_pages var page = banner.defaultOption.page; var totalPage = banner.defaultOption.totalPage; page++; if(page > totalPage原创 2017-08-19 08:46:15 · 359 阅读 · 0 评论 -
js删除数组中指定的值
/** * 根据数组中指定的值 * @param arr * @param val * @returns */removeByCounty_id:function(arr, val) { for(var i=0; i if(arr[i] == val) { arr.splice(i, 1); break; } }转载 2017-09-04 15:46:20 · 1366 阅读 · 0 评论 -
上传图片的格式验证
上传图片的格式验证$("#headPic").change(function(){ var f=$("#headPic").val(); if(f==""){ alert("请上传图片"); return false; }else if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f))原创 2017-08-19 08:23:58 · 1726 阅读 · 0 评论 -
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。setItem存储value用途:将value存储到key字段用法:.setItem( key, value)代码示例:sessionStorage.setItem("key", "value"); localStorage.setItem("si转载 2017-07-06 16:49:10 · 2330 阅读 · 0 评论 -
js包装模块知识点学习
js包装模块知识点学习1、location地址跳转常用的两种方式:location.href="url"是常用链接跳转,可以前进和后退location.replace("url")无法进行后退返回,常用于注销2、立即执行函数格式:(function(){})();例如:(function(str){alert(str)})("output");相当于: func原创 2017-07-06 14:10:47 · 1080 阅读 · 0 评论 -
js实现导航条等滚动后位置固定
js实现导航条等滚动后位置固定 window.onscroll = function () { var top=$(window).scrollTop(); //var eleTop=$("#navigation").offset().top; if(top>665){ $("#reserve").css({ "p原创 2017-06-30 14:27:47 · 1821 阅读 · 0 评论 -
随时监控输入字数
随时监控输入字数$(function() {$("#content").keyup(check);$("#content").onpaste(check);});function check() {var str = $("#content").val();var len = strlen(str);var info = 200 - len;info =转载 2017-06-30 15:34:34 · 274 阅读 · 0 评论 -
iframe选择父元素的方法和js跳出iframe的方法
iframe选择父元素的方法: $('#userName', window.parent.document).text(nickname);js跳出iframe的方法: if (top.location !== self.location) { sessionStorage.removeItem("sysuser")原创 2017-09-19 10:21:09 · 1095 阅读 · 0 评论 -
Echarts插件使用
Echarts插件使用1、插件引用 2、html代码 近七日马鞍山景点订单门票数概览 近七日马鞍山线路订单数概览 昨日销售总金额(元)原创 2017-09-04 16:19:48 · 673 阅读 · 0 评论 -
cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址
cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址1、插件引用 2、html代码 × 点击添加或者原创 2017-09-04 15:34:00 · 2264 阅读 · 0 评论 -
日历插件引用
日历插件引用插件导入 html代码: 入住 退房 共 1晚 js代码:/*日历初始化与应用*/ laydate({ elem: '#calendar1', }); laydate({ elem: '#calendar2',原创 2017-06-30 11:39:47 · 461 阅读 · 0 评论 -
location.replace()和location.href=进行跳转的区别
location.href="url"是常用链接跳转,可以前进和后退location.replace("url")无法进行后退返回,常用于注销原创 2017-05-31 13:28:31 · 6757 阅读 · 0 评论 -
JAVA高级工程师课程笔记整理——(十二)jquery和ajax
(十二)jquery和ajax一、基本选择器 $(this) //选择当前对象 $("div") //便签选择 $("#username") //ID选择 $(".container") //类选择 $("[type='submit']") //属性选择 $("input[type='submit']") //合并便签与属性原创 2017-06-05 08:34:01 · 394 阅读 · 0 评论