HTML5新增元素如何兼容旧浏览器有哪些方法

2020-04-22 07:43:24易采站长站整理

var i= e.length;
while (i–){
document.createElement(e[i])
}

CSS样式设置默认样式:


<style>
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display: block;
}
</style>

再者还有一种办法就是用框架的方法,用到条件注释加JS代码实现


<span style=”font-size:14px;color:#FF6666;”><!–[if lt IE 9]>
<script> src=”http://html5shim.googlecode.com/svn/trunk/html5.js”</script>
<![endif]–></span>

直接加入这一句代码就可实现兼容问题,关于条件注意中的

<!–if lt IE9>

是判断是否小于IE9以下浏览器,如果是就执行这段JS代码 ,如果不是,就忽略掉。至于JS中的链接直接打开进去看看就知道了,也是一大段的代码。