提示用户升级浏览器代码 不支持HTML5,请升级浏览器

时间: 2017-10-24阅读: 1312标签: html5

一般想做一些酷炫的网站都有个烦恼,那就是兼容ie浏览器,好在现在使用ie的也越来越少,微软也转战edge浏览器。使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(鄙视IE),而且经常可以看到如下的代码:

<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

不过,个人还是倾向于提示用户升级浏览器,而不是为了兼容老版浏览器,一般采用嵌入一个div提示用户升级浏览器

/*html结构*/
<div id="main">
    <app></app>
</div>
<script>
	if(!window.applicationCache){
		var node=document.createElement("P");
		node.appendChild(document.createTextNode("您的浏览器不支持HTML5,请升级浏览器"));
		node.setAttribute("style","color:#FD482C;font-size: 18px;font-weight: 500;width:90%;max-width: 490px; 
                    margin:100px auto;padding: 30px 2.5%;border: 3px dotted #bbb;text-align: center;");  
		var main=document.getElementById('main');
		main.appendChild(node);
		main.setAttribute('class','');
	}
</script>

完结!(〃'▽'〃)

链接: http://www.fly63.com/article/detial/11

html5的文档申明为什么是<!DOCTYPE html>

文档声明就是文档告诉游览器该以什么样的标准去解析它。游览器可以解析的文档可不止html,还有xhtml,xml...当然在这里我们并不需要知道xhtml、xml是什么以及和html的区别

HTML5程序员需要掌握的重要技能

现在参加HTML5培训的人很多,但是能学到什么东西还有很多的小伙伴不是很清楚,本篇文章就带读者看一下一名专业的HTML5程序员需要掌握哪些技能。

HTML5新特性总结

HTML5发布于2014年,设计目的是为了在移动端支持多媒体。语义化标签:section和article标签都是独立的分块标签,section跟随意,article表示单独的文字单元。

html5新增主体结构元素有哪些?_各自的用途与使用

html5新增元素:article元素,aside元素,nav元素,section元素,footer元素,header元素,figure元素,figcaption元素。article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

一起来看 HTML 5.2 中新的原生元素 <dialog>

HTML 5.2 正式成为 W3C 的推荐标准(REC),其中,推出了一个新的原生模态对话框元素 <dialog>,乍一看,可能感觉它就是一个新增的元素,然而,作者最近在玩的时候,发现它确实是一个值得期待和很有意思的元素

HTML5全局属性汇总

HTML5全局属性:可以用来配置所有元素共有的行为,这种属性称为全局属性,可以用在任何一个元素身上。包括:accesskey属性、class属性、contenteditable属性、dir属性、draggable属性、dropzone属性、hidden属性等

HTML5的WebSocket的API,WebSocket API简介

由于实际工作中很少接触WebSocket,因为很少有业务需求要用到WebSocket。WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全