随笔分类 - javascript
前端开发技术javascript
网页全屏及退出全屏
摘要：一、实现页面全屏 1 function doFullscreen (el) { 2 if (el == null) { 3 el = document.documentElement 4 } 5 const func = el.requestFullscreen || el.requestFullS
阅读全文
当输入框被软键盘挡住的处理方法
摘要：一、现象 在真机中，当光标作用信息发送框唤起软键盘时，键盘会把输入框盖住一大半。如图： 唤起前： 唤起后： 二、解决 1、输入框设置adjust-position=“false”属性（adjust-position为表单组件键盘弹起时，是否自动上推页面） 2、当输入框获得焦点时，获取软键盘的高度 3
阅读全文
递归-树
摘要：树 一、 let dataInfo = res.data || [] let setTree = [] dataInfo.forEach(item => { if (item.level 1 || item.level 2) { const parent = dataInfo.find((node)
阅读全文
一些有关时间的获取
摘要：一、获取上一月的“年月” // 获取上一个月的年月export const GetPreMonthYM = (cb) => { const getDate = new Date() // 获得当前年 const getCurY = getDate.getFullYear() // 获得当前月 con
阅读全文
文件转base64处理或转换blob对象链接
摘要：一、文件转base64，代码： 二、文件转blob对象链接，代码： 三、文件转blob对象链接后下载，代码： 四、base64文件转blob对象链接，代码：
阅读全文
防止网页被别人的网站iframe，服务端如何设置HTTP头部中的X-Frame-Options信息？
摘要：一、现象：in a frame because it set 'X-Frame-Options' to 'deny'. 二、服务配置 因为，有时候为了防止网页被别人的网站iframe，我们可以通过在服务端设置HTTP头部中的X-Frame-Options信息。 X-Frame-Options 响应头
阅读全文
scrollIntoView()窗口滚动
摘要：1、某DIV窗口滚动到顶部： 2、某DIV窗口滚动到底部： 3、jquery中跳转到顶部 $('html,body').animate({scrollTop: 0}, 100) $('html,body').animate({scrollTop: $('xxx').offset().top}, 10
阅读全文
JS生成PDF文件
摘要：代码： var pdf = new jsPDF('p','pt','a4'); pdf.internal.scaleFactor = 1; //可以调整缩放比例 var options = { //pagesplit: true //分页 pagesplit: false//不分页 }; //执行调
阅读全文
textarea格式显示问题
摘要：在 textarea 表单标签中，当保存有换行的样式时，一般的方法有： 注：这里的info 为要显示的内容；一、保存后在textarea 表单标签中显示时： info.replace(/\n/g, '\\n'); 大概效果如：（这个框框为textarea 表单标签）；二、在页面中显示时： 方...
阅读全文
JS验证字符长度
摘要：function getStrLength(str) { var cArr = str.match(/[^\x00-\xff]/ig); return str.length + (cArr == null ? 0 : cArr.length); }
阅读全文
获得URL含有中文出现乱码解决
摘要：如:http://www.htmlx.culub/?searchWord=工商代理当获取链接中所对应searchWord的值时，出现 '%E5%B7%A5%E5%95%86%E4%BB%A3%E7%90%86';正确应该为：工商代理利用函数 decodeURIComponent() 可以解决这问题，...
阅读全文
表单输入实时检测
摘要：$('input').on('input propertychange', function() { console.log('打印'); });延伸知识：1、回车提交绑定：标签上添加：onfocus="document.onkeydown = ifFocus" onblur="documen...
阅读全文
HTML5实现摇一摇
摘要：一、原理：利用devicemotion获取移动速度，得到device移动时相对之前某个时间的差值比二、效果图：三、源码：//先判断设备是否支持HTML5摇一摇功能if (window.DeviceMotionEvent) { //获取移动速度，得到device移动时相对之前某个时间的差值比 wind...
阅读全文
JS倒计时
摘要：//方法 function countDownTimerCallback(a) { var h = addZero(Math.floor(a / 3600)); m = addZero(Math.floor(a / 60) % 60), s = addZero(...
阅读全文
js判断访问终端
摘要：//判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE
阅读全文
js取最小最大值--Math.min()、math.max()
摘要：一、Math.min() 返回一组表达式中最小者eg: var n = Math.min( 2 , 30 ,1 , 200-10 , 300*22 , 20-30);alert(n); //打印出n为 -10 ;二、Math.max() 返回一组表达式中的最大者eg: var n = Math.ma...
阅读全文
返回绝对值--Math.Abs 方法
摘要：Math.abs() 返回指定数字的绝对值。
阅读全文
json与字符串转换
摘要：一、json转为字符串 JSON.stringify(...)二、字符串转为json JSON.parse(...)
阅读全文
XHR的对象及用法
摘要：function createXHR(){ //检测原生XHR对象是否存在，如果存在刚返回它的新实例； //如果不存在，则检测ActiveX对象; //如果两个都不存在，就抛出一个错误。 if(typeof XMLHttpRequest != "undefined"){ ...
阅读全文
get(0).tagName获得作用标签
摘要：lili lili dddd dddd下载地址：点击这里
阅读全文
