
兼容各浏览器
vcxiaohan2
这个作者很懒,什么都没留下…
展开
-
兼容ie下的getElementsByClassName
function getClassNames(classStr,tagName){ if (document.getElementsByClassName) { return document.getElementsByClassName(classStr) }else { var nodes原创 2015-11-24 17:51:54 · 331 阅读 · 0 评论 -
移动端Retina屏幕1px边框问题
起因设计师给出设计稿上明明是1px的边框在移动端retina屏上显示很粗(2倍屏上显示为2px,3倍屏上显示为3px)设备像素比注意安卓不支持小于1的像素,所以通过设置border-width=0.5px不适用安卓解决通过高度为1px的div,再通过scaleY缩小可以实现(不能做圆角,而且做4条边很麻烦,排除).border-line { he...原创 2017-12-19 10:37:02 · 814 阅读 · 0 评论 -
ie6、7、8 css hack
很多时候,我们不得不兼容ie6、7、8,网上解决方法也很多,看的眼花缭乱,下面给出几种最简单的针对ie6、7、8的hack写法:color:#0000FF\9的hack支持IE6-IE8(其他版本没有测试),但是IE8不能识别“*”和“_”的css hack,所以我们可以使用color:#0000FF\9; ;/*ie6,ie7,ie8*/*原创 2016-01-07 09:41:59 · 448 阅读 · 0 评论 -
js实时监听文本框内文本的变化
说明:1这里我拿一个字符算一个字的情况举例(2个英文字符算一个字的情况请看我的另一篇文章->还没写);2我们遵循”渐进增强“的原则,即低版本浏览器实现基本功能,高版本浏览器效果更好。具体代码如下: demo * {margin: 0; padding: 0;} label {positio原创 2016-01-12 11:13:41 · 10698 阅读 · 2 评论 -
F5前的事件调用beforeunload和unload
我们实现在刷新或关闭前弹出弹框显示提示文字很容易,例: test ;$(function() { $(window).on('beforeunload', function() { return "您确定要离开吗?!"; }); }); 如果我们想要实现在刷新或原创 2016-02-22 10:59:04 · 3212 阅读 · 0 评论 -
兼容实时监测文本框内容的输入
最近有这么个需求:文本框有最大字数限制,需要实时更新剩余的字数于是想到了oninput和onpropertychange事件,可以检测 textarea, input:text, input:password 和 input:search 这几个元素的内容变化;兼容性:1 各主流浏览器及ie9+均支持oninput事件,但是在ie9下删除、剪切文字时不会触发。2 ie8-支持o原创 2015-12-02 11:19:09 · 1145 阅读 · 0 评论 -
禁止选择文本的兼容写法
.SC_select_no {-moz-user-select: none;/*火狐*/-webkit-user-select: none;/*webkit浏览器*/-ms-user-select: none;/*IE10*/-khtml-user-select: none;/*早期浏览器*/user-select: none;} $(docum原创 2016-05-25 11:08:07 · 438 阅读 · 0 评论 -
判断浏览器类型,不判断版本
function myBrowser(){ var userAgent = navigator.userAgent, isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera"; }; if (userAgent.indexOf("Firefox"原创 2016-01-12 10:30:00 · 490 阅读 · 0 评论 -
控制窗口大小
在自身打开新窗口,控制该窗口大小,仅适用于ie浏览器,其他浏览器默认禁止改变浏览器的行为 window * {padding: 0; margin: 0;} click1 click2 var myWin; $(".btn1").click(function() { myWin = window.open('', '_sel原创 2015-12-16 11:06:18 · 654 阅读 · 0 评论 -
获取。。。。先占位
function getBodyHeight() { var height = (window.innerHeight || document.documentElement.clientHeight) || document.body.clientHeight; return height;}function getBodyWidth() { var width =原创 2015-11-26 10:59:41 · 344 阅读 · 0 评论 -
兼容各浏览器的窗口关闭事件
function CloseWebPage() { if (navigator.userAgent.indexOf("MSIE") > 0) { if (navigator.userAgent.indexOf("MSIE 6.0") > 0) { window.opener = null; window.close();原创 2015-11-24 17:55:25 · 1404 阅读 · 0 评论 -
new Date()传参的浏览器兼容性
测试以下是在IE9的测试情况可以看到IE9不支持new Date('2018-1-2'),但是支持new Date('2018-01-02')和new Date('2018/1/2') 主流浏览器都支持由/分隔的日期格式需求假如有这样的需求,一个输入框,用户可以输入日期,但是我们需要让所有浏览器正常解析,我们可以通过下面的函数做一个转换:console.log(getIEFormat('2018-原创 2018-04-19 18:14:43 · 810 阅读 · 0 评论