JS 判断运行当前脚本的应用程序是否为手机端或者一些其他信息,在我的工作中遇到的不是十分频繁,被我的同事一问就给问住了,所以把之前找到的一些知识点整理出来,供大家参考,若哪里不对欢迎指出,我会及时的更改 (#^.^#).  window.navigator 先从这个属性入手:window.navigator 返回一个navigator对象的引用,可以用它来查询一些关于运行当前脚本的应用程序的相关信息. 常用属性和方法:(想知道详细属性和方法的请点MDN) Navigator 对象属性 属性 说明…
随着移动端越来越重要,pc和移动端网站后台系统可能是同一个,登录或者某个特定时期需要根据不同访问来源,跳转不同页面或者做不同的处理: 这时我们就需要js的 navigator 对象: 我们先了解一下navigator 对象相关的属性: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS的navigator对象</title> </hea…
手机端照片预览组件 可怜的我用着华为3C手机,用别人现成的组件都好卡,为了适应我这种屌丝,于是自己简化写了一版的照片预览效果,暂时无缩放功能,以后可能有空再加吧,你也可以自己加下,这是个github上的开源项目.它的github地址是:https://github.com/tianxiangbing/mobile-photo-preview 下面是预览图,它的完整demo请点击这里手机端照片预览组件demo 使用方法案例: var photoPreview = new MobilePhotoPr…
封装函数: function isPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.l…
<script type="text/javascript"> var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate&qu…
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=320,initial-scale=1,maximum-scale=1,user-scalable=no" servergenerated="true" /> <meta name="apple-mobile-web-app-capable"…
第一步:做个 文本框用于显示年月日的 第二步:点击文本框触发bootstrap模态框并显示 第三步:我是建一个外部js页面写的 js中获得当前时间是年份和月份,形如:201208       //获取完整的日期 var date=new Date; var year=date.getFullYear();  var month=date.getMonth()+1; month =(month<10 ? "0"+month:month);  var mydate = (year.t…
let isMobile = function(){ let userAgentInfo = navigator.userAgent; let Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod") let flag = false; for (let v = 0; v &…
function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os", bIsMidp= sUserAgent.match(/midp/i) == "midp", b…
function dialogFn(Msg, btnOkCallBack, btnCancelCallBack) { $("body").append('<div id="dialogalert" style="display:none;">' + Msg + '</div>'); $("#dialogalert").dialog({ title: "警告提示!", width: 4…