`
遐想英灵
  • 浏览: 10560 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论
阅读更多
在jsp中,有时需要判断是PC端还是手机端,并对组件进行分别处理。例如下面的例子:

<script type="text/javascript">
	function IsPC() { 
		var userAgentInfo = navigator.userAgent; 
		var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 
		var flag = true; 
		for (var v = 0; v < Agents.length; v++) { 
			if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } 
		}
		return flag;
	}
	function init() {
		if (IsPC()) {
			document.getElementById("index").style.width="560px";
			// document.all.index.offsetWidth中的"index"是div组件的id
			var leftValue = (document.body.offsetWidth - document.all.index.offsetWidth) / 2;
			alert(leftValue);
			document.getElementById("index").style.left = leftValue + "px";
		}
		var submitFlag = document.getElementById("submitFlag").value;
		if ("1" == submitFlag) {
			document.getElementById("submitFlag").value = "0";
			window.location.reload();
		}
	}
	window.onresize=function(){
		if (IsPC()) {
	        changeDivHeight();  
		}
   	};
   	function changeDivHeight(){               
       var w = document.documentElement.clientWidth;//获取页面可见宽度 
       var leftValue = (w - document.all.index.offsetWidth) / 2;
       document.getElementById("index").style.left = leftValue + "px";
	}
</script>


<div id="index" style="position:absolute;margin-left:auto;margin-right: auto;">
……
</div>


该例子用于判断是否是PC端访问页面,是PC端则控制指定div居中显示。并且在浏览器窗口变化时进行div自适应。
分享到:
评论

相关推荐

    一个基于vue的pc端网上购物商城,包括前台商城和后台管理系统,后端采用Java,数据库采用mysql.zip

    这个项目是一个完整的电子商务解决方案,由前端的PC端网上购物商城和后端的管理系统组成,采用现代Web技术栈构建。下面将详细阐述其中涉及的关键技术、架构设计和功能模块。 1. **前端技术栈**: - **Vue.js**: ...

    基于Vue开发的XMall商城前台页面 PC端.zip

    《基于Vue.js开发的XMall商城前台页面PC端详解》 在现代Web开发领域,Vue.js作为一款轻量级的前端框架,凭借其简洁的API、高效的虚拟DOM以及丰富的生态系统,已经成为众多开发者首选的工具之一。本文将深入探讨基于...

    企业网站系统 v5.18 (PC+手机端)

    1.系统采用asp+access开发,全站前台界面采用DIV+CSS布局,通过W3C验证,兼容IE6,IE7,IE8,FF浏览器,google浏览器等主流浏览器,代码简单高效,执行效率高,访问速度快;后台编辑器采用kindedit编辑器,代码编辑...

    房屋租赁管理系统前台页面展示

    8. **交互元素**:交互元素如按钮、下拉菜单、滑块和表单验证等,应具有良好的反馈机制,让用户清楚了解他们的操作是否成功,以及下一步该怎么做。 9. **性能优化**:为了提供流畅的用户体验,前端页面应优化加载...

    php自写带后台网址导航源码pc手机自适应_带后台前后端源码

    1. **前后端分离设计**: 这个源码实现了前端展示与后端逻辑的分离,有利于代码的维护和扩展。前端部分主要负责用户界面的展示,而后端则处理数据的增删查改等业务逻辑。 2. **PHP编程语言**: PHP是一种广泛使用...

    管控孩子PC的相关程序

    Server端目前有个问题,就是必须在前台运行,不能后台(比如计划任务调用,比如windows服务调用)。 如果后台运行的话,相关的msg接口,相关的获得前台进程接口,都有问题(这个是windows安全性的限制), 目前还在...

    ASP.NET 完整点餐系统(有前后台)

    系统可能实现了用户登录功能,通过ASP.NET内置的身份验证和授权机制,确保只有经过验证的用户才能访问特定的后台功能。 7. 错误处理与日志记录: 为了提高系统的健壮性,开发者可能添加了错误处理代码,捕获并...

    极瑞(JRCMS)企业网站系统(PC 手机端) v4.01.zip

    1.系统采用asp access开发,全站前台界面采用DIV CSS布局,通过W3C验证,兼容IE6,IE7,IE8,FF浏览器,google浏览器等主流浏览器,代码简单高效,执行效率高,访问速度快;后台编辑器采用kindedit编辑器,代码编辑...

    智慧城市—智能访客管理系统解决方案(1).doc

    在大厅设置PC端访客点,对访客身份进行识别和管理,通过发放访问二维码控制其出入。通道闸机的设计兼顾了通行效率和安全性,尤其考虑到了残疾人的便利性。 6. 安全防范设计依据 系统的安全防范设计遵循了多项国家...

    EKECMS网站管理系统(电脑端 手机端) v2.0.6.zip

    1.PC端、手机端共用一套数据(方便维护),也可以分开部署. 2.一站多用,同一套网站可多家企业共用(手动在数据库添加站点,及站点下用户). 3.不真正删除数据,防止误删除. 4.附件按日期存放,方便备份数据. 5....

    58阅读文章系统帝国版 v7.2.zip

    手机访问端步骤(手机端不用安装,只需要修改配置就可以了) 1、用手机端域名新建网站,目录指向手机端程序文件m。 2、到手机端端目录m修改配置文件参数; 修改手机访问端目录下的/e/config/config.php配置文件,...

    智慧城市—智能访客管理系统解决方案.doc

    - PC端:在服务前台进行访客身份识别和出入管理。 - 通道闸机:作为物理出入口的管控设备,与系统紧密配合。 综上所述,智能访客管理系统是智慧城市的重要组件,它通过信息化手段优化访客管理流程,提升安全性,...

    移动小商城:基于node,包含前后台_企业城微信小程序js代码前台前端H5页面源码.rar

    此外,源码中还包含了H5页面的前端源码,确保了在浏览器环境下的良好表现,满足移动端和PC端用户的访问需求。 Node.js作为后端开发框架,具有轻量、快速和高并发的特点。开发者可以使用JavaScript这一单一语言完成...

    MCMS手机建站之星 2.0.1.zip

    支持PC和手机管理后台和前台页面,自动匹配手机浏览网站,利于移动搜索排名优化。大量手机模板可供选用和定制修改。 丰富功能傻瓜式操作 多级权限管理自由设置,精确到用户组和用户权限;内置会员管理、友情链接...

    Eshop网上商城需求定义书(前台功能)

    - **会员登录**:提供安全快捷的登录方式,验证会员身份。 - **会员密码找回**:支持多种找回密码的方式,确保账户安全。 - **会员个人信息维护**:允许会员修改自己的基本信息,如联系方式等。 - **地址薄管理*...

    统一认证平台的设计方案互联网接入平台建设方案.doc

    (二)认证模块:认证模块主要用于实现互联网接入平台的统一身份认证和单点登录,需要与前台的 SSL VPN 及后台的应用系统紧密结合,支撑访问用户的 RSA 动态令牌、短信、数字证书、指纹等高强度认证方式。...

    创意几何色块html5网站(PC+手机+微信端) v3.0 build20171026

    创意几何色块html5网站(PC+手机+微信端) v3.0 build20171026 更新日志1.新增:新闻分类表新增新闻分类封面图字段2.修复:修复后台两个文件绕过cookies验证直接访问的问题3.新增:新闻分类和产品分类函数新增 %主...

    简易电子商务网站

    8. **性能优化**:考虑到网站可能面临的高并发访问,需要进行性能优化,如缓存策略、数据库索引优化、CDN服务等,以提升网站的响应速度和稳定性。 以上就是“简易电子商务网站”项目中可能涉及的主要技术点和功能...

    2023最新站长必备在线工具箱系统源码 含上百款工具 带后台版本 自适应模板 优化修复版

    - **自适应设计**:支持多种设备访问,无论是PC端还是移动端都能获得良好的用户体验。 - **可定制化**:用户可以根据需求自行添加或修改工具,具有很高的灵活性。 #### 三、安装配置步骤详解 ##### 1. 准备工作 -...

    基于MVC4+Bootstrap3企业门户网站源码(前台+后台).zip

    3. **安全机制**:MVC4内置身份验证和授权机制,如Forms Authentication,可以保护后台管理系统的安全性,防止未授权访问。 4. **易用的后台管理**:通过MVC4的控制器和视图,可以构建一个直观、高效的后台管理系统...

Global site tag (gtag.js) - Google Analytics