js ( jQuery )根据设备进入不同的文件 Windows || Andriod ios

最新推荐文章于 2020-07-07 23:41:38 发布

JXL666888

最新推荐文章于 2020-07-07 23:41:38 发布

阅读量279

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/JXL9910/article/details/86309303

版权

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

电脑端 , 手机端

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<!-- 百度压缩版引用地址: -->
	<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

	// 玩玩 layei 闲着没事净瞎扯
	<script src="/mobile/layer/layer.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<div class="col-xs-12 text-center">
		<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547200728142&di=614607c8f72ad3815370d5f8dc68a02d&imgtype=0&src=http%3A%2F%2Fww1.sinaimg.cn%2Fmw690%2F92e8647agw1f9w4gqhwmgg20ch08b1kz.gif" alt="点击我" class="img-circle" id="username" title="点击我">
	</div>
	 
</body>
</html>

<script>

window.onload = function () {
	// document.write("用户代理: " + navigator.userAgent);

	var u = navigator.userAgent;
	if (u.indexOf('Windows') > -1 ) {//安卓手机
		$('#username').on("click", function(){
			alert('电脑端');
			//相册层   闲着没事净瞎扯
			// new Date: Fri Jan 11 2019 17:51:01 GMT+0800 (中国标准时间) 拼上的是时间
			$.getJSON('photos.json?v='+new Date, function(json){   
			  layer.photos({
			    photos: json //格式见API文档手册页
			    ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
			  });
			});
		})
	}else if (u.indexOf('Android') > -1) {
		$('#username').on("click", function(){
			alert('手机端');

			//相册层   闲着没事净瞎扯
			$.getJSON('photos.json?v='+new Date, function(json){    // suijisu
			  layer.photos({
			    photos: json //格式见API文档手册页
			    ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
			  });
			});
		})
	}
}

</script>

photos.json

{
  "status": 1,
  "msg": "",
  "title": "JSON请求的相册",
  "id": 8,
  "start": 0,
  "data": [
    {
      "alt": "66",
      "pid": 109,
      "src": "img/170403185668118590.jpg",
      "thumb": ""
    },
    {
      "alt": "蛋蛋",
      "pid": 110,
      "src": "img/309837304191719527.jpg",
      "thumb": ""
    },
    {
      "alt": "女神",
      "pid": 111,
      "src": "img/314803174805111918.jpg",
      "thumb": ""
    },
    {
      "alt": "凤姐",
      "pid": 112,
      "src": "img/665153292813738989.jpg",
      "thumb": ""
    },
    {
      "alt": "星空如此深邃",
      "pid": 113,
      "src": "img/774319110587555729.jpg",
      "thumb": ""
    },
    {
      "alt": "星空如此深邃",
      "pid": 113,
      "src": "img/799200888435634259.jpg",
      "thumb": ""
    }
  ]
}