您的位置：首页 > 理论基础 > 计算机网络

网页在不同浏览器下的兼容问题--针对IE

2013-12-09 23:43 411 查看

自己之前搭了个小网站，各功能均已完成。在自己常用的chrome、opera、firefox浏览器下显示均无问题。但是在IE下面则无法正常显示，在同样适用IE内核的360浏览器下也无法显示。由于IE在大众市场仍占有极高的份额，所以仍无法忽视它的存在，网页还是需要确保能够在IE这样的大众浏览器上能够正确显示。下面主要针对具体碰到的两类问题给出相应的解决办法。

样式显示问题：
在chrome等浏览器下能正确显示的样式在IE下无法正确显示。

解决方案：首先，在<head>标签内添加标签<meta http-equiv="x-ua-compatible" content="ie=8" />兼容IE8；其次，在style样式定义时注意使用html5的标准形式，如width:100px;不要简写成width:100;

功能显示问题：
我的问题主要是出在利用AJAX变更html网页中一个<table>标签的内容。即修改<table>元素的innerHTML。这一用法在IE和360上均无法正确显示。开始是怀疑XMLHttpRequest对象的responseXML在IE下无法获取，后来发现返回数据是有的，但是无法使用。例如，假设<table>元素的标id为tb，那么
document.getElementById('tb').innerHTML=“新的元素内html代码”；
这句在IE下是行不通的。原因在于，在IE下面，<table>元素是只读的，也就是不能通过innerHTML进行重写更改，这一点区别于firefox等浏览器！

解决方案：在<table>外用<div>元素包起来，在<div>元素内通过innerHTML写<table>。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 浏览器 IE AJAX Javascript xmlhttprequest

相关文章推荐

新的分享

章节导航