2018年12月13日

检测浏览器插件

摘要： function hasPlugin(name) { name = name.toLowerCase(); for(var i=0; i<navigator.plugins.length; i++) { if(navigator.plugins[i].name.toLowerCase().index 阅读全文

posted @ 2018-12-13 14:36 STATS 阅读(116) 评论(0) 推荐(0)

获取窗口大小

摘要： var pageWidth = window.innerWidth; var pageHeight = window.innerHeight; if(typeof pageWidth != "number") { if(document.compatMode == "CSS1Compat") { p 阅读全文

posted @ 2018-12-13 13:57 STATS 阅读(306) 评论(0) 推荐(0)

2018年4月3日

HTML5 classList使用

摘要： add：给元素添加一个指定的class var test = document.getElementById('test'); test.classList.add('yellow');//添加一个class test.classList.add('yellow','blue');//添加多个cla 阅读全文

posted @ 2018-04-03 11:54 STATS 阅读(160) 评论(0) 推荐(0)

2018年2月28日

移动端弹出层加遮罩后禁止body滑动

摘要： //实现滚动条无法滚动 var mo=function(e){e.preventDefault();}; /***禁止滑动***/ function stop(){ document.body.style.overflow='hidden'; document.addEventListener("t 阅读全文

posted @ 2018-02-28 10:29 STATS 阅读(259) 评论(0) 推荐(0)

2018年2月27日

实现自适应位置--footer紧贴浏览器底部

摘要： <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>紧贴浏览器底部</title><style type="text/css">* { padding: 0; margin: 0;}html { _overflow: auto;/*滚动条* 阅读全文

posted @ 2018-02-27 09:51 STATS 阅读(1051) 评论(2) 推荐(0)

双飞翼式布局

摘要： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>双飞翼布局</title><style>#main{ float: left; width: 100%;}#main-content{ margin: 0 200px; 阅读全文

posted @ 2018-02-27 09:15 STATS 阅读(108) 评论(0) 推荐(0)

2017年12月26日

JS 返回上一页并刷新代码整理

摘要：一：JS 重载页面，本地刷新,返回上一页： <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面，本地刷新</a> <a href="javascript:history.g 阅读全文

posted @ 2017-12-26 15:26 STATS 阅读(345) 评论(0) 推荐(0)

2017年12月7日

div+css的兼容性问题和解决方法

摘要：第一，默认的内外边距不同问题：各个浏览器默认的内外边距不同解决： *{margin:0;padding:0;} 第二，水平居中的问题问题：设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中，嵌套块不会阅读全文

posted @ 2017-12-07 17:53 STATS 阅读(356) 评论(0) 推荐(0)

JS判断移动设备最佳方法并实现跳转至手机版网页

摘要：方法一：纯JS判断使用这方法既简单，又实用，不需要引入jQuery库，把以下代码加入到<head>里即可。方法二：使用 Device.Js 库 device.js 是一个用于检查设备用的插件，使用它你可以很方便的判断设备的操作系统，以及设备是纵向还是横向。首先，我们下载Device.js ST 阅读全文

posted @ 2017-12-07 17:24 STATS 阅读(411) 评论(0) 推荐(0)

HTML5 浏览器支持

摘要： css重置 header, section, footer, aside, nav, main, article, figure { display: block; } 为HTML添加新的元素 <!DOCTYPE html> <html> <head> <title></title> <script 阅读全文

posted @ 2017-12-07 17:13 STATS 阅读(154) 评论(0) 推荐(0)