随笔分类 -  前端

layer.load 自定义加载
摘要：//layui load 默认加载 function layerload() { layer.load(0, { content: '正在努力加载中，请稍等', shade: [0.5, '#000'], //0.4为透明度 ，#000 为颜色 offset: ['45%', '40%'],//位置 阅读全文
posted @ 2023-05-11 11:37 ~且听风吟~ 阅读(138) 评论(0) 推荐(0)
用html2canvas.js 将前端HTML页面生成图片
摘要：首先去html2canvas官网下载html2canvas.js文件html2canvas官网地址：http://html2canvas.hertzen.com/HTML <div id="host_file" class="container"> <div id="view" class="pri 阅读全文
posted @ 2023-01-30 11:44 ~且听风吟~ 阅读(871) 评论(0) 推荐(0)
用jQuery实现文件上传的方法
摘要：1、利用FormData实现文件上传 <input type="file" id="avatar" name="avatar"> <button type="button">保存</button> ('button').click(function(){ var files = $('#avatar 阅读全文
posted @ 2022-05-19 17:23 ~且听风吟~ 阅读(9030) 评论(0) 推荐(0)
Jquery框架 for循环的四种方法
摘要：如下ul标签中的li标签为例 <body> <ul id="city"> <li>北京</li> <li>上海</li> <li>天津</li> <li>重庆</li> </ul> </body> 一.JS的遍历方式 $(function (message) { // 获取到UI下的所有Li标签 v 阅读全文
posted @ 2022-05-19 17:06 ~且听风吟~ 阅读(589) 评论(0) 推荐(0)
jQuery操作复选框checkbox方法
摘要：一、jQuery判断checked是否是选中状态的三种方法: $("#cb1").attr('checked') // 返回:"checked"或"undefined"; $("#cb1").prop('checked') // 返回true/false $("#cb1").is(':checked 阅读全文
posted @ 2022-05-19 16:39 ~且听风吟~ 阅读(8502) 评论(0) 推荐(0)
js 获取地址栏参数 及获取参数为中文时乱码问题
摘要：1.获取地址栏参数 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); i 阅读全文
posted @ 2022-05-12 19:16 ~且听风吟~ 阅读(543) 评论(0) 推荐(0)
easyUI combobox 设置不可输入 和 禁用
摘要：禁用： $("#xxx").combobox('enable'); //下拉框可用 $("#xxx").combobox('disable'); //下拉框禁用 $("#xxx" + n_id + "").combobox({ disabled: false });//对应元素的可用 $("#xxx 阅读全文
posted @ 2022-01-19 08:41 ~且听风吟~ 阅读(1350) 评论(1) 推荐(0)
处理easyui datagrid行添加背景色后无法选中问题
摘要：$("#datagridName").datagrid( { rowStyler: function(index,row){ //行为偶数时改变背景色 if ((index % 2)!=0){ //处理行代背景色后无法选中 var color=new Object(); color.class="r 阅读全文
posted @ 2021-12-30 17:43 ~且听风吟~ 阅读(160) 评论(0) 推荐(0)
JQ监听手机横竖屏/JS监听手机横竖屏
摘要：JQ监听 //监听屏幕旋转 $(window).on('orientationchange', function() { var $el = $("body"); // 需要重新获得宽和高的元素 newWidth = $el.width(); // 新的宽 newHeight = $el.heigh 阅读全文
posted @ 2021-10-30 14:14 ~且听风吟~ 阅读(321) 评论(0) 推荐(0)
Jq 移动端键盘弹出和关闭事件
摘要：移动端键盘弹出 $(document).on('focusin', function() { setTimeout(function() { UpStyle() }, 500) }); 移动端键盘关闭 $(document).on('focusout', function() { setTimeou 阅读全文
posted @ 2021-10-30 14:08 ~且听风吟~ 阅读(290) 评论(0) 推荐(0)
jQ Ajax 的几种使用方法
摘要：什么是AJAX AJAX = 异步的javascript和XML（Asynchronous Javascript and XML） 它不是一门编程语言，而是利用JavaScript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页的技术。 对于传统的网页，如果想更新内容，那么必 阅读全文
posted @ 2021-10-30 13:59 ~且听风吟~ 阅读(336) 评论(0) 推荐(0)
jquery获得焦点和失去焦点
摘要：jquery focus()获得焦点事件 方法：当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。 语法： $(selector).focus() 示例代码： $('#mochu').focus(function(){ $(this).css('border-color',' 阅读全文
posted @ 2021-10-30 13:43 ~且听风吟~ 阅读(1498) 评论(0) 推荐(0)
格式化日期
摘要：// 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) Date.prototype.Form 阅读全文
posted @ 2021-10-25 16:59 ~且听风吟~ 阅读(33) 评论(0) 推荐(0)
js Cookie用法
摘要：//写cookies function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.co 阅读全文
posted @ 2021-10-25 16:58 ~且听风吟~ 阅读(303) 评论(0) 推荐(0)
js replace字符串-全部替换
摘要：var a='12,13,14,15';现在想把字符串替换，号为- js 中的replace方法：a.replace(",","-");只能替换掉第一个，号。即，结果为12-13,14,15 js中是没有对字符串进行replaceAll的方法，通常这个时候，全部替换采用正则表达式的方式替换。如下： 阅读全文
posted @ 2021-10-25 16:57 ~且听风吟~ 阅读(94) 评论(0) 推荐(0)
手机屏幕自适应的响应式布局开关
摘要：head中添加 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 阅读全文
posted @ 2021-10-25 16:56 ~且听风吟~ 阅读(50) 评论(0) 推荐(0)