像我昨天在搞一个录音的小东西 在本地正常录音正常播放 但是放到线上环境http环境上就出现了如上的错误 功能都不能正常使用 然后就改成https线上环境  然后就正常了 如上 大家有什么赐教的欢迎留言鸭鸭鸭…
这两天在学习HTML5新属性时遇到了如下问题,很是不解: 例如在学习使用canvas时,需要绘制一个红色的原点,代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>HTML5画布</title> </head> <body> <!--定义一块画布--> <canvas id="myCa…
同样是最近遇到的一个小问题.因为IE9以下input是不支持placeholder属性的.在网上找到了解决方案,果断带走.正如鲁迅先生所说的‘拿来主义’:运用脑髓,放出眼光,自己来拿!感谢.借花献佛在这里记录分享下. 用法很简单,在代码中引入placeholder.js,并加入后面的一段代码就行了. <script src="jquery-1.11.3.js"></script> <!--IE8-IE6支持html5 placeholder新属性 引入脚本…
摘要: 为实现输入域自动填充的效果 方法一: jquery-ui的autocomplete方法, 不是jquery 自带的方法. 方法二: 采用html5新特性,datalist,例子如下:坏处很明显,当list过长无法滚动查看在屏幕外的选项,目前chrome不支持添加scroll. <input list="whList" id="wh"/> <datalist id="whList"> <option value…
最早引入JS拖放功能的是IE4,当时,网页中只有两种对象可以拖放:图像和某些文本.拖动图像时,把鼠标放在图像上,按住鼠标不放就可以拖动它.拖动文本时,需要选中文本,然后可以像拖动图像一样拖动被选中的文本.在IE4中,唯一有效的放置目标是文本框,到了IE5拖放功能得到扩展,添加了新的事件,而且网页中任何元素都可以作为放置目标,IE5.5更进一步,让网页中的任何元素都可以拖放,IE,Firfox3.5,Safari3+,Chrome都实现了原生拖放功能. 一.可拖放属性draggable 默认情况下…
1.contenteditable 属性指定元素内容是否可编辑. 注意: 当元素中没有设置 contenteditable 属性时,元素将从父元素继承. 所有主流浏览器都支持 contenteditable 属性 语法 <element contenteditable="true|false"> <!DOCTYPE html> <html> <body> <p contenteditable="true">…
1.选择器: 标签选择器: class选择器: id选择器: 后代选择器:div li div下所有li 子代选择器:div>li div的所有子一代 li 元素 交集选择器:div.class 这个元素式div且类名叫class 并级选择器:.class,.ad 选择两个元素一个类叫class 一个类叫ad 通配符选择器: 伪类选择器: 结构选择器:div:nth-of-type(2) 选择第二个div 属性选择器:div[name='zhang'] 选择div标签 name属性 属性值为zh…
<p contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</p> <input id="email" type="email" placeholder="zhangxinxu@zhangxinxu.com" size="26" />…
contenteditable = true 表示该html标签的内容可以编辑,对于那些不可编辑的标签,现在都可以编辑了.…
插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题.所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择! 使用方法,在<head>内添加如下代码: <!--[if lt IE 9]> <script src="bo…