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

时间: 2017-10-24阅读: 721标签: 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>

完结!(〃'▽'〃)

html5中contenteditable 光标_如何设置光标位置

在contenteditable 属性中,当点击该区域的时候,光标默认显示在区域内容最后一位,如果我们需要打开页面默认就出现,而且出现在第一个位置上,该如何实现呢?下面将给出js的实现方法。

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

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

原生JS+CSS或HTML5实现简单的进度条和滑动条效果

我们在客户端中见到的安装进度条效果以及滑块拖动效果,使用js+css都能够在页面中进行模拟,并且方法也并不复杂.我这里进行了简单的效果实现,记录一下以作巩固.

HTML5全局属性汇总

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

HTML5的WebSocket的API,WebSocket API简介

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