1. 获取地址栏内容
http://localhost:9096/shared/livestream/textindex?gradedesc=all&bookletdesc=all&status=05,10&keyword=yyhh window.location.href (在浏览器中就是完整的地址栏) window.location.protocol---------URL 的协议部分 http: window.location.host----------URL 的主机部分 localhost window.location.port-----URL 的端口部分 :9096 window.location.pathname (URL 的路径部分(就是文件地址)）/shared/livestream/textindex window.location.search-------查询(参数)部分 ?gradedesc=all&bookletdesc=all&status=05,10&keyword=yyhh window.location.hash-------锚点
2. 判断是否安装了flash
var isIE
= !-[1,];
if(isIE
){
try{
var swf1
= new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
alert('安装了Flash');
} catch(e
){
alert('没有安装Flash');
}
} else {
try{
var swf2
= navigator
.plugins
['Shockwave Flash'];
if(swf2
== undefined
){
alert('没有安装Flash');
} else {
alert('安装了Flash');
}
} catch(e
){
alert('没有安装Flash');
}
}
3. 判断浏览器
function getOs() {
if(isIE
=navigator
.userAgent
.indexOf("MSIE")>0) {
return "MSIE";
}
if(isChrome
=navigator
.userAgent
.indexOf("Chrome")>0){
return "chrome";
}
if(isFirefox
=navigator
.userAgent
.indexOf("Firefox")>0){
return "Firefox";
}
if(isOpera
=navigator
.userAgent
.indexOf("Opera")>0) {
return "Opera";
}
if(isSafari
=navigator
.userAgent
.indexOf("Safari")>0) {
return "Safari";
}
if(isMozilla
=navigator
.userAgent
.indexOf("Gecko/")>0){
return "Gecko";
}
}
alert(navigator
.userAgent
);
alert("您的浏览器类型为:"+getOs());
4. 判断是否为ie浏览器
function isIE(){
if (window
.navigator
.userAgent
.indexOf("MSIE")>=1) {
return true;
}else{
return false;
}
}
function isIE() {
if (!!window
.ActiveXObject
|| "ActiveXObject" in window
){
return true;
}else{
return false;
}
}
alert(isIE());
5. 字体
font: 14px/1.5 "Helvetica Neue",Helvetica,Arial, "Microsoft Yahei","Hiragino Sans GB","Heiti SC", "WenQuanYi MicroHei",sans-serif; 6. 居中为啥不居中 在父级元素中添加display：flex即可
7. 文字参差不齐 text-align:justify; text-justify:inter-ideograph;
8. 判断帮助文档类型
var _url
= window
.location
.search
;
var _wkzjapp
= "?type=117";
var _wkb
= "?type=118";
var _wkzj
= "?type=119";
var _hdjx
= "?type=120";
switch(_url
){
case _wkzjapp
:
$("nav .nav1").show();
break;
case _wkb
:
$("nav .nav2").show();
break;
case _wkzj
:
$("nav .nav3").show();
break;
case _hdjx
:
$("nav .nav4").show();
break;
}
除了这个以后的元素都删除 $("#fullPage-nav li").eq(5).next().nextAll().remove();
10. css鼠标禁止点击事件
pointer-events:none/auto $('body').css('pointer-events','none');//屏蔽点击 $('body').css('pointer-events','auto')//恢复默认
11. 浏览器设置字体编码
新细明体PMingLiU\65B0\7EC6\660E\4F53细明体MingLiU\7EC6\660E\4F53标楷体DFKai-SB\6807\6977\4F53黑体SimHei\9ED1\4F53宋体SimSun\5B8B\4F53新宋体NSimSun\65B0\5B8B\4F53仿宋FangSong\4EFF\5B8B楷体KaiTi\6977\4F53仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312微软正黑体Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
12. 【火狐兼容问题】高度
js设置了高度自适应，但是页面的高度盒子撑不起来，这个时候要设置body的盒子，width：100%；height：100%；盒子就撑起来了。 13. 【火狐兼容问题】字体 在火狐浏览器标签下的字体大小为1px，所以要单独给i定义字体大小。 14. 【火狐兼容问题】多行文本省略 其他浏览器均能正常的显示效果，而火狐不行，就必须给他高度。 15. 【safari兼容】border-radius safari的border-radius兼容是border边框的影响，其余没问题
