柚子快报邀请码778899分享：前端用到的一些功能
1、文件下载（IE不支持此方法）
txt下载 //download就是要下载的文件
IE可用这种方式
txt下载 //文件格式一定不能被浏览器支持，否则就是执行打开文件操作
2、可编辑的容器
这是一段可编辑的内容
3、video标签（IE8及其以下版本不支持video标签）
要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式：
Your browser does not support the video tag.
video支持的格式及各种视频格式被浏览器支持的情况
当前，video 元素支持三种视频格式：
格式
IE
Firefox
Opera
Chrome
safari
ogg
no
3.5+
10.5+
5.0+
no
mpeg4
9.0+
no
no
5.0+
3.0+
webm
no
4.0+
10.6+
6.0+
no
4、去掉button按钮的默认效果（按下效果，边框）
border: none; //去除边框（虽然也可以用border:0;但是建议用这个）
outline: none; //去除按钮的按下效果
5、阻止事件冒泡和默认功能
/*阻止冒泡*/
function myfn(e){
window.event ? window.event.cancelBubble : e.stopPropagation();
}
/*阻止默认行为*/
function myfn(e){
window.event ? window.event.returnValue : e.preventDefault();
}
6、分享到QQ、新浪微博、QQ空间
QQ好友 //title：分享的标题；url：分享的url；desc：分享前的评价
7、调整字间距
letter-spacing: 4px; //字间距（中英文都可以用）
word-spacing: 4px; //此间距（一般在英文中用）
8、去除IE下input框最右边出现X号和一个眼睛
::-ms-clear{display: none;}
::-ms-reveal{display: none;}
9、在线预览doc/docx，xls/xlsx，ppt/pptx文档
http://view.officeapps.live.com/op/view.aspx?src=文档位置
10、强制页面不使用缓存
11、限制input type=file的可见类型
MIME_type
未完待续...
柚子快报邀请码778899分享：前端用到的一些功能
发表评论