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

自己之前搭了个小网站,各功能均已完成。在自己常用的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>。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值