你的位置:首页 > Java教程

[Java教程]js/jquery/html前端开发常用到代码片段


1.IE条件注释

条件注释简介

  1. IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
    条件注释只能用于IE5以上,IE10以上不支持。

  2. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准。

  3. 条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。

  4. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

条件注释使用方法示例

<!–[if IE 5]>仅IE5.5可见<![endif]–><!–[if gt IE 5.5]>仅IE 5.5以上可见<![endif]–><!–[if lt IE 5.5]>仅IE 5.5以下可见<![endif]–><!–[if gte IE 5.5]>IE 5.5及以上可见<![endif]–><!–[if lte IE 5.5]>IE 5.5及以下可见<![endif]–><!–[if !IE 5.5]>非IE 5.5的IE可见<![endif]–>

 

摘录链接:http://segmentfault.com/blog/liangyi/1190000002409131

2.html代码用js动态加载进页面

<script type="text/html" id="T-pcList"> //这里面是你要放的html代码,例如放一个div的内容</script>

 

把上面的js动态加入到页面中

$(function(){var s=$("#T-pcList").html();//获得js的html内容$(".picScroll-left .bd").html(s);//把s的内容放到class为bd内thisstyle();//执行某个函数});

 

3.js判断用户访问的是PC还是mobile

var browser={   versions:function(){    var u = navigator.userAgent, app = navigator.appVersion;    var sUserAgent = navigator.userAgent;    return {    trident: u.indexOf('Trident') > -1,    presto: u.indexOf('Presto') > -1,     isChrome: u.indexOf("chrome") > -1,     isSafari: !u.indexOf("chrome") > -1 && (/webkit|khtml/).test(u),    isSafari3: !u.indexOf("chrome") > -1 && (/webkit|khtml/).test(u) && u.indexOf('webkit/5') != -1,    webKit: u.indexOf('AppleWebKit') > -1,     gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,    mobile: !!u.match(/AppleWebKit.*Mobile.*/),     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),     android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,    iPhone: u.indexOf('iPhone') > -1,     iPad: u.indexOf('iPad') > -1,    iWinPhone: u.indexOf('Windows Phone') > -1    };  }()}if(browser.versions.mobile || browser.versions.iWinPhone){  window.location = "http:/www.baidu.com/m/";} 

 

4.js如何判断用户是否是用微信浏览器

根据关键字 MicroMessenger 来判断是否是微信内置的浏览器。判断函数如下:

function isWeiXin(){   var ua = window.navigator.userAgent.toLowerCase();   if(ua.match(/MicroMessenger/i) == 'micromessenger'){     return true;   }else{     return false;   } } 

 

 

 

作者:风雨后见彩虹

出处:http://www.cnblogs.com/moqiutao/

如果您觉得本文对您的学习有所帮助,请多支持与鼓励。