随笔分类 - html/html5
标签
当输入框被软键盘挡住的处理方法
摘要：一、现象 在真机中，当光标作用信息发送框唤起软键盘时，键盘会把输入框盖住一大半。如图： 唤起前： 唤起后： 二、解决 1、输入框设置adjust-position=“false”属性（adjust-position为表单组件键盘弹起时，是否自动上推页面） 2、当输入框获得焦点时，获取软键盘的高度 3
阅读全文
防止网页被别人的网站iframe，服务端如何设置HTTP头部中的X-Frame-Options信息？
摘要：一、现象：in a frame because it set 'X-Frame-Options' to 'deny'. 二、服务配置 因为，有时候为了防止网页被别人的网站iframe，我们可以通过在服务端设置HTTP头部中的X-Frame-Options信息。 X-Frame-Options 响应头
阅读全文
微信公众号菜单进入的页面切换第二次失效
摘要：现象： 近期在微信中开发了一个电商的平台，一切接口页面处理完成后，正式布置到公众号，在公众号上自定义菜单进行平台时（如：.../index.html），发现了一个很有意思的问题：哪个页面是从公众号里点击进入的平台的，当切换一两次页面时，.../index.html这个页面就切换不进了。 解决过程：
阅读全文
textarea格式显示问题
摘要：在 textarea 表单标签中，当保存有换行的样式时，一般的方法有： 注：这里的info 为要显示的内容；一、保存后在textarea 表单标签中显示时： info.replace(/\n/g, '\\n'); 大概效果如：（这个框框为textarea 表单标签）；二、在页面中显示时： 方...
阅读全文
表单输入实时检测
摘要：$('input').on('input propertychange', function() { console.log('打印'); });延伸知识：1、回车提交绑定：标签上添加：onfocus="document.onkeydown = ifFocus" onblur="documen...
阅读全文
HTML5实现摇一摇
摘要：一、原理：利用devicemotion获取移动速度，得到device移动时相对之前某个时间的差值比二、效果图：三、源码：//先判断设备是否支持HTML5摇一摇功能if (window.DeviceMotionEvent) { //获取移动速度，得到device移动时相对之前某个时间的差值比 wind...
阅读全文
加载音频Audio
摘要：var cameraAudio = new Audio(); cameraAudio.src = 'camera.wav'; // 设置音频对象的属性,预加载视频 var options_audio = { preload : 'auto' } for(var key in options_audio){ if(options_audio.hasOwnProperty(k...
阅读全文
关于meta标签
摘要：一、Meta标签中的format-detection属性及含义 意为：格式检测 或许你会有这样的经历：当你在制作手机端的页面中，点击了没有加任何链接的格式的数字时，这时手机会进行自动拔号提示操作！ 禁止这一提示方法： 加入meta标签，如： 同理，还会有以下相关操作： 1、禁止跳转邮箱： 2、禁止跳...
阅读全文
屏蔽双击选中文字的方法
摘要：FF用样式 ：-moz-user-select:none;FF以外的浏览器用：onselectstart="return false"（直接加在需要作用的标签）eg: 你选不到我。。。（屏蔽双击选中文字的区域）
阅读全文
网页背景音乐设置
摘要：一、添加背景音乐时，一般会用到两种标签： 1、<bgsound> 2、<embed>二、一般用法 ： <bgsoundsrc="音频源" autostart="true" loop="false" /> <embedsrc="音频源" autostart="true" loop="false" />三、标签属性 ： 1、autostart 当为 true 时 是自动播放模式 。反之， 当为false时 为一开始不进行自动播放（默
阅读全文
