前世：项目中需要拖动div，然后和某个div进行位置交换，这不是关键，关键是还要保存位置，然后在下次打开的时候按照保存的位置显示。还好本人功力深厚，一下子就想到了用localStorage来保存，事实证明真的很好用哦。保存数据的方法有了，然后开始"探索"如何用html(5)和js来实现拖拽的效果，由于H5给了比较规范的实现方式，所以在Chrome中轻松实现，万恶的IE(很少骂IE)竟然不兼容，NONONONO，心塞，只好用了两种方式分别实现拖拽效果...
由于html5的一些新标签在低版本的IE浏览器上不能识别，下面介绍一种解决此兼容问题的方法。使用Google的html5shiv包1 <!--[if lt IE9]> 2 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 3 <![endif]-->使用此方法需要初始化标签的CSS，因为html5默认情况下在IE低版本浏览器下表现为内联元素，我们需要把这些元素转化为块状元素方便布局。article,aside,footer,header,section,footer,nav,figure,m...
经过长久以来的不懈努力，我终于成功的将selectivizr与PIE这两个解决css3的利器进行了深度的整合，大大降低了使用难度 只要在你的页面上加入这一行代码，整个页面全部兼容css3，不要忘了将文件下载回来放进/js/文件夹 兼容圆角border-radius，盒阴影box-shadow、渐变色linear-gradient()，相对长度单位(rem vh vw vmax vmin)等 项目主页http://gucong3000.github.io/selectivizr/ 所有*.js、*.htc需要放进同一文件夹内 打包...
Windows UI Table td{font-size:12px;font-family: Verdana,tahoma} .winUI { margin: 0 auto; border: solid 1px #d4d0c8; } .winUI tr td, .winUI thead td, tfoot td { border-left: 1px solid buttonhighlight; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; } .winUI thead td, tfoot td { background-color: #ece9d8; cursor: pointer; p...
方法一： 用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串,显示的时候反过来就可以了（实际上显示的时候不用通过转换，直接赋值在div就可以正常显示的）。 代码如下: function HTMLEncode(html) { var temp = document.createElement ("div"); (temp.textConten...
一把情况下模拟点击一般两个方面，模拟点击超级连接事件firefox的兼容的函数为对HTMLAnchorElement 加入onclick事件 代码如下:try { // create a element so that HTMLAnchorElement is accessible document.createElement(a); HTMLElement.prototype.click = function () { if (typeof this.onclick == function) { if (this.onclick({type: click}) && this.href) window.open(this.href, this.target? this.target : _self); }...
前言： 这是一个老bug了，现在提供一个完美解决方案。由于我一直是用createElement来创建动态的option并添加，所以一直没有遇到这个问题，但是每个人写代码风格不同，有的人就喜欢写字符串形式的标签并用innerHTML插入，这不就有问题了，为了方便不同编码风格的人，我封装了一个方法，用于解决ie的这个bug和兼容5大浏览器，这样大家都可以用一个方法来实现不同的风格，便于维护管理。 bug描述： 在ie下面使用innerHTML来插入option...
本文实例讲述了JS实现pasteHTML兼容ie,firefox,chrome的方法。分享给大家供大家参考，具体如下： <html> <body> <script language="JavaScript"> function test() {if (document.selection && document.selection.createRange) {var myRange = document.selection.createRange();var m = myRange.pasteHTML(<iframe width=100 height=100 src="http://localhost/t2.htm"></iframe>);}else if (window.getSelection) {var selection...
前言： 这是一个老bug了，现在提供一个完美解决方案。由于我一直是用createElement来创建动态的option并添加，所以一直没有遇到这个问题，但是每个人写代码风格不同，有的人就喜欢写字符串形式的标签并用innerHTML插入，这不就有问题了，为了方便不同编码风格的人，我封装了一个方法，用于解决ie的这个bug和兼容5大浏览器，这样大家都可以用一个方法来实现不同的风格，便于维护管理。 bug描述： 在ie下面使用innerHTML来插入option...
一把情况下模拟点击一般两个方面，模拟点击超级连接事件firefox的兼容的函数为对HTMLAnchorElement 加入onclick事件 代码如下:try { // create a element so that HTMLAnchorElement is accessible document.createElement(a); HTMLElement.prototype.click = function () { if (typeof this.onclick == function) { if (this.onclick({type: click}) && this.href) window.open(this.href, this.target? this.target : _self); }...
方法一： 用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串,显示的时候反过来就可以了（实际上显示的时候不用通过转换，直接赋值在div就可以正常显示的）。 代码如下:<script type="text/javascript"> function HTMLEncode(html) { var temp = document.createEl...
Windows UI Table td{font-size:12px;font-family: Verdana,tahoma} .winUI { margin: 0 auto; border: solid 1px #d4d0c8; } .winUI tr td, .winUI thead td, tfoot td { border-left: 1px solid buttonhighlight; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; } .winUI thead td, tfoot td { background-color: #ece9d8; cursor: pointer; p...
是HTML5的声明，主流的游览器中只有IE8及以下版本不支持，这样IE会进入Quirks模式。但之后的声明可以强制指定IE的呈现模式，所以声明对IE就无影响。 HTML5并没有XHTML那么严格，对于一般的xhtml页面，基本都不通完全通过W3C验证标准，而改为HTML5声明后基本都能过。代码如下: 关于X-UA-Compatible 目前绝大多数网站都用 来作为IE8的兼容方法，虽然微软将IE向标准迈进了一大步，而事实上IE8还存在一系列渲染的奇怪现象是...
最近在写一个Div+Css布局的网站首页，以前写的页面都统一width:900px;不存在什么布局呀 什么float的设置。现在没办法呀！要对页面进行切割，分块。幸好，有点css的基础，不过用起来就比较郁闷了。在ie和firefox下，相同的属性值往往会有不同的显示效果。没办法 要兼容浏览器 只得一个一个bug去找。但完全兼容浏览器是无法做到的，所以也只能将个大概的效果展示出来，不要偏差太大太明显就行。 首先，需要提出的是float这个浮动...
/*CSS?式?置 ?聚文 Geovin Du**/.text8{ font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; }.geovindu{ cursor:auto; text-decoration: none; color: #000;} a.geovindu:hover .text8{ /*background: #000;*/ color:red; background-image: url(../images/06.jpg);}.content{ margin-top:10px; padding-top:10px;}a.g...