js解决IE8、9下placeholder的兼容问题

使用history.js解决浏览器对history使用的兼容问题

history.js即可以解决禁止浏览器回退的浏览器兼容问题,也能解决直接修改浏览器当前标签页url的浏览器兼容问题. 解决禁止浏览器回退: <script src="../../js/jquery.history.js"> </script> <script> $(document).ready(function(e) { if (window.history && window.history.pushState) { $(win…

js解决IE8、9下placeholder的兼容问题

由于placeholder是html5的新属性,在IE8.IE9下是不能显示的,有兼容性问题. 解决思路: 1.判断目前浏览器是否支持placeholder属性 2.若不支持,则将type="text"的input标签的value值设置为placeholder的值,模拟placeholder效果:若是type="password",则添加一个type="password"的input元素模拟. 代码: <div> <input…

js解决IE8不支持html5，css3的问题（respond.js 的使用注意）

IE8.0及以下不支持html5,css3的解析.目前为止IE8以下的版本使用率在10%左右,网站还是有必要兼容的. 1,在你的所有css最后判断引入两个js文件. html5.js 是用来让ie8浏览器能将h5标签转化为块元素 respond.js 是让ie8支持css3的js <!--[if lt IE9]> <script src="html5.js"></script> <script src="Respond.js&q…

解决IE8的兼容问题

本文分享下我在项目中积累的IE8+兼容性问题的解决方法.根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容性问题都OK了(这里的IE8+主要是指IE8,据个人目测,IE9+的渲染效果已经非常好了). 前期准备测试IE兼容性必须要在Windows中测,而且是Win7+,因为WinXP最高只支持IE8,IE9就呵呵啦!大部分做Web的童鞋都不是使用Windows做为开发环境,要么是Linux发行版,要么是Mac OS…

placeholder不兼容 IE10 以下版本的解决方法

对于密码输入框placeholder的兼容问题:HTML代码:<input type="password" id="loginPassword" placeholder="密码(6-16位字母数字)" class="width270"><input type="text" passwordMask="true" placeholder="密码(6-16位字母数…

placeholder的兼容处理(jQuery下)

这是一个老问题,结合前辈们的经验,需要处理的问题有一下几个. 1.只有输入框(input/textarea)下的palaceholder属性存在的时候才需要处理这类兼容 2.处理好输入框上焦点和是焦点的文本显示 3.密码输入框比较特殊,因为为其设置显示文本时显示的是一串“***”.这个问题后面分析.处理好前两点还是比较简单的,处理源码为如下 var browserSupport = { placeholder: 'placeholder' in document.createElement('i…

JS、jqueryie6浏览器下使用js无法提交表单的解决办法

-----------------------JS.jqueryie6浏览器下使用js无法提交表单的解决办法-------------------------------------------------- ----------------jsp---------------------------------------------------------------------------- <form action="" id="frmmsgBoardCheck…

IE6/IE7下margin-bottom失效兼容解决办法及双倍边距问题

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-04-08) 一.IE6/IE7下margin-bottom失效兼容解决办法 1.用padding-bottom代替:2.在父标签中加入overflow:hidden:或zoom:100%示例代码: 不正常显示 ul{} li{ list-style:none; float:left; margin:10px;} 1. 你会发现左边10px 变成20px了, 解决办法:在li的CSS中加入:display:inline…

IE6-7下margin-bottom不兼容解决方法（非原创，视频中看到的）

在IE低版本下有很多不兼容,现在将看到的 IE6-7下margin-bottom不兼容解决方法演示一下,方便日后自己查阅. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content=""> <meta name="d…

解决IE8下opacity属性失效问题，无法隐藏元素

解决IE8下opacity属性失效问题由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样式问题.在IE8及其更早的浏览器下,我们可以使用filter属性,来代替opacity属性,从而达到IE8下设置元素透明度目的.例如,需要将div的透明度设置为80%,相应的写法应该为: 作者:肖生克的九叔_链接:https://www.jianshu.com/p/74b68774c3a9來源:简书著作权归作者所有.商业转载请联系作者获得授…

解决ie8下面placeholder显示问题

今天测试反馈一个bug,需要在ie8下面看到placeholder提示,开始的想法是对ie8进行降级处理,在ie8下面就不显示了. 现在测试反馈了,解决办法. function isLowIE() { ./i) == "7.") { return true; } ./i) == "8.") { return true; } ./i) == "9.") { return true; } else if (navigator.appName == &…

点击显示子菜单，离开隐藏子菜单（onmouseout下包含a标签的js解决方法）

<div class="menu"> <a href="javascript:void(0);" id="a_all" runat="server" class="all" onclick="showMenu()" hidefocus="true">全部</a> <div id="divMenu&qu…

关于bootstrap的响应式插件respond.min.js在IE8下出现：拒绝访问。respond.min.js，行: 5，列: 746报错问题

本地在IE8浏览器下测试兼容性的时候,出现了以下的报错: 该问题在bootstrap的官网有介绍:https://v3.bootcss.com/getting-started…

HTML5 respond.js 解决IE6~8的响应式布局问题

HTML5 respond.js 解决IE6~8的响应式布局问题响应式布局,理想状态是,对PC/移动各种终端进行响应.媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑.那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这样一个文件:respond.js. 文件下载地址:https://github.com/scottjehl/Respond(或者百度搜索respond.js).自己在阅读…

js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性

js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.which都兼容. 火狐浏览器对event.keyCode部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效. event.which也是部分键值有效,如字母键,数字键,enter键,Backspace键等有效,…

解决ie8（及其以下）不支持getElementsByClassName的问题

这篇技术笔记与大家分享的是:解决IE8(及以下)不支持getElementsByClassName的方法.如果有说错的地方,麻烦留言告诉我,我及时更正,一来是更新一下我的认知,二来也是不要误导的他人,谢谢.我们在给元素设置样式的时候,可以说用的最多的就是类(class)了.遗憾的是在低版本IE浏览器(IE8及其以下版本)中,我们不能用getElementsByClassName,因为IE没有为document对象添加这个方法.// IE8及其以下版本中这个结果是falseconsole.inf…

Asp.net服务器控件在IE10下的不兼容问题

Asp.net服务器控件在IE10下的不兼容问题时间:2013-05-16 09:07点击: 89 次 [大中小] 相信很多使用IE10的童鞋们已经发现了这个问题,以下是本人在IE10标准模式下发生的问题,声明:IE10不只有一个版本 1.服务器控件属性丢失,在aspx页面定义的TextBox: <asp:TextBox ID="txt" runat="server" Width="200" /> 在IE10标准模式下浏览发现宽…

（转）html5 Placeholder属性兼容IE6、7方法

使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示.发现zhihu的解决方法不错,特记录下 windows系统中以下浏览器测试通过:Google Chrome 18,Firefox 12,IE 9,IE 6,Opera 11.5.在android 4.0系统也测试了下,原生浏览器及Opera Mobile12基本通过,缺陷是获得焦点时会清空Placeholder提示. jquery.placeho…

IE7.JS解决IE兼容性问题方法

转自:http://code.google.com/p/ie7-js/ 使IE5,IE6兼容到IE7模式(推荐)  使IE5,IE6,IE7兼容到IE8模式 <!--[if lt IE 8]> <s…

FCKEditor在IE10下的不兼容问题解决方法

环境介绍:FCKEditor 版本 2.x.x 问题:IE10 下FCKEditor不兼容,显示不出来关键词:不同于其他方法之处是第一个关键点,其他网友的正则表达式不对解放方法:(可以直接<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />解决,也可以如下) 1.在 fckeditor/fckeditor.js 文件 > 方法: FCKeditor_IsCompatibleB…

解决vue2.0下IE浏览器白屏问题

公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 不起作用总结方法: 兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill npm install babel-polyfill 在页面入口配置main.js中引入 babel-polyfill import("babel-po…

完美解决，浏览器下拉显示网址问题 | 完美解决，使用原生 scroll 写下拉刷新

在 web 开发过程中我们经常遇到,不想让用户下拉看到我的地址,也有时候在 div 中没有惯性滚动,就此也出了 iScroll 这种关于滚动条的框架,但是就为了一个体验去使用一个框架好像又不值得,今天我就来说说我的思路 div 中惯性滚动问题我们在开发 web 如果在,非 body 元素中使用 scroll 就会碰到一个问题,没有惯性滚动,所以以前我们要么使用 iScroll 这类框架,要么就是自己使用触摸事件配合定时器来写一个惯性,自己写的当然体验不好,使用框架又感觉太不值得,因为一个小功能…

#include <objsafe.h>//OCX控件在IE8浏览器下不能使用问题

一.OCX控件开发常见的问题 1.OCX控件在IE8浏览器下不能使用问题原因:IE8会拦截OCX控件的方法. 解决方法:在OCX控件开发时加入安全接口. (1)在有"Crtl"字样的头文件".h"中加入如下代码: #include <objsafe.h> #include <objsafe.h> 并在头文件类的内部加入如下安全接口,代码如下: //ISafeObject DECLARE_INTERFACE_MAP() BEGIN_INTER…

解决ie8和ie7显示不一致

解决ie8和ie7显示不一致当使用 Microsoft Internet Explorer 8 Beta 1 版本时,可能会遇到以下问题之一: • 网页布局不整齐 • 文本或图像重叠 • JavaScript 功能有问题或错误原因:之所以发生这些问题,是因为 Internet Explorer 8 Beta 1 默认情况下使用它最新的“标准模式”来显示网页,但是目前大多数的网页都是在 Internet Explorer 7 标准模式下创建和测试的.解决方案要解决这些问题,网站所有者和管理员…

解决Windows 10下Wireshark运行问题

解决Windows 10下Wireshark运行问题在Windows 10下,安装Wireshark时候,提示WinPcap不被系统系统支持.这是由于最新版的WinPcap 4.1.3只支持到Windows 8.如果在Windows 10下安装,就会提示不兼容.这个问题有两种解决办法.第一种办法是,忽略警告,继续安装WinPcap.运行的时候,以兼容模式运行WinPcap.第二种办法是,安装Win10Pcap.这是WinPcap项目的一个分支软件.它支持Windows 7/8/10.用户可以到h…

ie8中使用placeholder

placeholder 是 html5 中的新属性,考虑到还有不少 ie8 的用户,所以找了一个 ie8 的 placeholder 的补丁,如下: <script type="text/javascript"> if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that =…

解决全站ie6下PNG图片不透明问题只要几行代码

解决全站ie6下PNG图片不透明问题只要复制下面这几行代码粘贴在你的文档最底部,需要用到的包DD_belatedPNG_0.0.8a.js自己网上下载吧代码走起 /*在文档底部加入以下代码*/ <!--[if IE 6]> <script src="DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix('.img_calendar');/* 此处加入的是包含PNG图片…

JS解决通过按钮切换图片的问题

我是JS初学者,本想通过JS解决轮播图的特效,上网看了下:大部分都是JQ解决的,对于初学者的我来说理解上有点困难.于是我自己只做了一个不那么高大上的JS轮播图,下面我简单介绍下我的步骤:在HTML中创建两个按钮控件,其用来控制图片的切换.再通过无序列表将你要轮播的图片放入.最后放置一个你要将图片展示的位置.具体代码如下: 其中id为placehoder标签的是你要展示图片的地方. 其次在css中对你的无序列表里的图片排版,并设置其宽高度,我的设置如下: 在JS中一共写3个函数:showPic用于…

（转载）解决NVIDIA显卡驱动“没有找到兼容的图形硬件”的问题

(转载)解决NVIDIA显卡驱动“没有找到兼容的图形硬件”的问题原出处:http://www.cnblogs.com/longdouhzt/archive/2012/02/28/2370660.html [经博主验证有效的版本] http://tieba.baidu.com/f?kz=1041263540 打开设备管理器: 注意这一步:选择显卡设备,如果显卡未安装成功,则显示的可能是“未识别的硬件”或者“3D视频控制器”(这步根据个人不同情况而定,切忌选中的硬件必须是显卡) 注意该文件夹下有…

JS中的继承(下)

JS中的继承(下) 在上一篇 JS中的继承(上) 我们介绍了3种比较常用的js继承方法,如果你没看过,那么建议你先看一下,因为接下来要写的内容, 是建立在此基础上的.另外本文作为我个人的读书笔记,才疏学浅,如有错误,敬请指正. 接下来我们要介绍另外3种相对比较奇葩的继承一. 原型式继承 function clone (proto) { function F () {} F.prototype = proto return new F() } clone 内部首先是创建了一个空的构造函数F,然后…

【js解决IE8、9下placeholder的兼容问题】的更多相关文章