让IE8和IE9支持 placeholder

1.原因:placeholder是h5的新属性,IE10以前的浏览器(8.9)不支持此属性. 2.解决方法:jQuery三方插件 jquery-placeholder 3.快速开始: <!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="jquery-1.9.1.js"><…

在IE8等不支持placeholder属性的浏览器中模拟placeholder效果

placeholder是一个很有用的属性,可以提示用户在input框中输入正确的内容,但是IE8以及IE8一下的浏览器不支持该属性,我们可以使用js来模拟相似的效果.下面直接上代码: <!doctype html> <html> <header> <meta charset="utf-8"> <title>placeholder</title> <style type="text/css"…

<!--[if lt IE 9]> <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></sc…

不同浏览器Firefox、IE6、IE7、IE8、IE9定义不同CSS样式

有时候我们在制作网页的时候,会遇到不同浏览器,对填充和边距显示的不同效果.导致心情纳闷现在提供解决这个困扰的方法! 对FF.Opear等支持Web标准的浏览器与比较顽固的IE浏览器进行针对性的CSS hack /*FF.Opear等支持Web标准的浏览器*/#header { margin-top: 23px; margin-bottom: 23px;}/*IE6浏览器*/*html #header { margin-top: 13px; …

让IE6、IE7、IE8、IE9、IE10、IE11支持Bootstrap的解决方法

最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式).搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在雅朋网的一个网友帖子的帮助下解决了问题,也参考了千寻学习网的资料,先将解决方法总结如下: 首先需要确保你的HTML页面开始部分要有DOCTYPE声明.DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTM…

让ie8支持 placeholder 属性

一. ie8支持 placeholder 属性 /* * ie8支持 placeholder 属性 */ $(function(){ if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this), text= that.attr('placeholder'); if(that.…

使ie8正常支持placeholder

在IE8下测试,发现一个问题placeholder不被支持,下面是解决IE支持placeholder的方法,本文引用的jquery是1.12.0测试通过,先引用jquery <script type="text/javascript" src="js/bootstrap/jquery-1.12.0.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"…

让IE8支持placeholder

$(function(){ if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function() { var i…

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

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

区分IE8 、IE9 、IE10的专属css hack

想让IE8及以下的浏览器实现同样的效果,且不希望使用css3pie或htc或条件注释等方法时,可能就会需要用到IE8和IE9的专属css hack了. .test{ /* 1. */ color:#09F\0/; /* 以前是IE8 only, 现在IE9/10也支持. 如要排除IE9需要使用下面的rule重设IE9样式 */ } @media all and (min-width:0) { /* 2. */ .test{color:red\9; }/* IE9 only, 现在IE10也支持…

WebAPI IE8、IE9 跨域问题

关于WebAPI跨域的问题,网上已经很多了,以下方案可以解决很多跨域问题,但是都不支持IE8.IE9浏览器,JSONP也只能支持Get请求通过dll配置 Install-Package Microsoft.AspNet.WebApi.Cors 配置 Web.config IE8,IE9跨域是通过XDomainRequest这个对象去实现,和XMLHttpRequest类似,可以参考下面文档 https://msdn.microsoft.com/zh-cn/library/dd573303(v=…

区分IE8 、IE9 的专属css hack

一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack. 因为IE8及以下版本是不支持CSS3的,但是我们如果使用css3,在IE下IE9正常渲染,但我们又想让IE8及以下的浏览器实现同样的效果,且不希望使用css3pie或htc或条件注释等方法时,可能就会需要用到IE8和IE9的专属css hack了. .test{ /* 1. */ /* color:#09F\0; 以前是IE8/9, 现在10也支持 */ color:#…

IE8、IE9浏览器下报：JSON未定义解决方法

IE8.IE9浏览器下报:JSON未定义的问题解决方法: 在jsp中引入如下代码 <% String browserString = BrowserEnum.valueOf1(request); if(browserString == "IE8" || browserString == "IE9"){%> <META http-equiv="X-UA-Compatible…

IE6 IE7 IE8(Q) 不支持 JSON 对象

标准参考 JSON 是一种数据交换格式,RFC 4627 对 JSON 进行了详细描述. 根据 ECMA-262(ECMAScript)第 5 版中描述,JSON 是一个包含了函数 parse 和 stringify 的简单对象. parse 函数用来解析一个 JSON 文本(一个 JSON 格式的字符串)到一个 ECMAScript 值(例如 JSON 对象被解析为 ECMAScript 对象, JSON 数组被解析为 ECMAScript 数组,其它类型以此类推):s…

当浏览器不支持placeholder，所执行的函数

$(function(){ //判断浏览器是否支持placeholder属性 supportPlaceholder='placeholder'in document.createElement('input'), placeholder=function(input){ var text = input.attr('placeholder'), defaultValue = input.defaultValue; if(!defaultValue){ input.val(text).addCla…

input date 支持placeholder属性

第一种解决方法:IE,火狐浏览器,不支持input date的日历功能,火狐支持日历功能 ie,火狐,谷歌显示placeholder属性 css代码 #dateofday:before{ color:#808080; content:attr(placeholder); -webkit-appearance:textarea} html代码 <input type="date" runat="server" placeholder="Bir…

跨域（Cross-Domain） AJAX for IE8 and IE9

1.有过这样一段代码,是ajax $.ajax({ url: "http://127.0.0.1:9001", type: "POST", data: JSON.stringify({"reqMsg":"12345"}), dataType: 'json', timeout: 1000 * 30, success: function (response) { if(response.n=='6'){ dosomething()…

jquery.placeholder.min.js让吃屎的IE浏览器支持placeholder去吧

描述:现在都是HTML5时代了,所有的浏览器都支持placeholder,唯独IE不支持.现在我们有了这款插件,IE下终于可以支持了! 图片展示: 兼容浏览器:IE6+/Firefox/Google Chrome 官方链接:无 JS下载:http://www.ijquery.cn/js/jquery.placeholder.min.js 预览: http://www.ijquery.cn/demo/placeholder 打包下载:http://www.ijquery.cn/demo/…

简单方法让input date支持placeholder(包含ios手机端方法)

<input class="baixin-quan-info-box-time" type="text" onfocus="(this.type='date')" placeholder='起始时间' v-model="tnianxian1"> 先使其 type 为 text,此时支持 placeholder,当触摸或者聚焦的时候,使用 JS 切换使其触发 datepicker 功能.以上方法在ios系统会出现重复…

ie下不支持placeholder 用jquery来完成兼容

这是我的第一个博客,还是写点正经的,希望对做前端朋友有所帮助.最近在做的项目placeholder不兼容ie,这个可以兼容IE的输入框的HTML新增的placeholder的显示下面是代码:$( document ).ready( function(){ //ie下placeholder的兼容 function isPlaceholder(){ var input = document.createElement('input'); return 'placeholder' in input;…

IE8和IE9下textarea滚动选中的问题

在IE8和IE9下如果textarea设置了样式overflow-y:auto;就不可以滚动选中了,应该样式写成overflow:auto;有了纵向滚动实际上就不会出现横向滚动的情况,也没有必要overflow-y了…

有关ie9 以下不支持placeholder属性以及获得焦点placeholder的移除

(一)placeholder 属性起到提示客户输入信息作用 (二)ie9以下出问题了 placeholder不支持 (三)解决办法先贴html 加上jquery代码就可以了关于表单获取焦点,chrom,360,firefork不会清除提示文字的解决办法 html代码: <input type="text" placeholder="用户名@公司端口号"> 加入以下代码: <input type="text" placehol…

ie8不支持transform: translateY，ie9支持不友好

transform: translateY(0); ie8 不支持这个属性但是我觉得用css实现的效果特好特自然也许是我的脚本写的不够完善呵呵现在我希望其他主流的浏览器应用CSS3 其他不兼容的就给一个不是很差的效果判断是否支持的代码 function supportCss3(style) { var prefix = ['webkit', 'Moz', 'ms', 'o'], i, humpString = [], htmlStyle =…

IE9以下不支持placeholder属性

jquery.placeholder.min.js 这个js可以去这个网站搜索https://www.bootcdn.cn/jquery-placeholder/ 使用这个jquery.placeholder.min.js,注意下面这段JS必须加上,否则不能生效!!! 使用这个jquery.placeholder.min.js,不要使用placeholder.js 因为第二个在type=password下面会变成星号**** -----------------------------------…

区别ie8和ie9的方法

众所周知区别ie6~8的方法是: width:10px;//chrome width:10px\9;//ie8+ *width:10px;//ie7 _width:10px;//ie6 区别ie8以下和ie9+的方法是 body{width:10px\9;}//ie8 :root body{width:10px\9;}//ie9+ 百度下 ":root" 就可以知道,所有主流浏览器均支持 :root 选择器,除了 IE8 及更早的版本. 模版世界:http://www.templat…

XDomainRequest IE8&IE9 cors 跨域通讯的处理方法

版权声明:避免百度一下通片同一篇文章,未经博主允许不得转载.本博客作为笔记使用,正确性请自行验证. https://blog.csdn.net/u014071104/article/details/80361888 这篇文章纯属湿货. 随着MVVM框架的大行其道,前端接触网路请求的机会越来越普及. 跨域也开始成为开发的家常便饭. 跨域处理方法有以下几点: iframe script(JSONP) cors iframe是N年前的东西,在邮件网站上可以看到它的影子 JSONP一直都存在,在…

IE9以下 placeholder兼容

//input placeholder兼容!(function ($, doc, win) { $.fn.placeholder = function () { var i = doc.createElement('input'), placeholdersupport = 'placeholder' in i; if (!placeholdersupport) { var inputs = $(this); inputs.each(function () { var input = $(thi…

让IE支持placeholder属性~

原文:https://www.oschina.net/code/snippet_206691_26471#44160 让支持的直接路过,不支持的,完美显示~~ /* * jQuery placeholder, fix for IE6,7,8,9 * @author JENA * @since 20131115.1504 * @website ishere.cn */ var JPlaceHolder = { //检测 _check : function(){ …

让IE9支持html5

IE10以上才算是真正支持了html5 ,但仍然有些地方和别的浏览器不一致,比如要在js里移除一个html标签, 如果是IE,document.getElementById("a").removeNode(true); 如果是chrome,就是document.getElementById("a").remove(); 等等, 把这些边边角角都处理好,基本上ie10跑h5的canvas是没有问题的,但是ie9口口声声说支持h5,结果是个大坑,就需要在html的hea…

IE8，IE9，IE10绿色版，以及ColorPix

对于开发者而言IETest是一坨屎. 但是我们终于迎来的蛋糕和火腿,今天无意间发现了竟然有绿色版的浏览器版本,IE9,IE10已经下到本地,IE8网传是有的,但是没有找到合适的版本.但是足够了,本机使用IE8,这样既可以联调IE9,IE10,再不用苦恼IE样式问题.我测试了一下,发现效果和IE9,IE10是一样的. IE9下载路径:http://www.cr173.com/soft/51505.html IE10下载路径:http://www.xdowns.com/soft/1/2/2012/S…