在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自适应。
分享到:
相关推荐
这个项目是一个完整的电子商务解决方案,由前端的PC端网上购物商城和后端的管理系统组成,采用现代Web技术栈构建。下面将详细阐述其中涉及的关键技术、架构设计和功能模块。 1. **前端技术栈**: - **Vue.js**: ...
《基于Vue.js开发的XMall商城前台页面PC端详解》 在现代Web开发领域,Vue.js作为一款轻量级的前端框架,凭借其简洁的API、高效的虚拟DOM以及丰富的生态系统,已经成为众多开发者首选的工具之一。本文将深入探讨基于...
1.系统采用asp+access开发,全站前台界面采用DIV+CSS布局,通过W3C验证,兼容IE6,IE7,IE8,FF浏览器,google浏览器等主流浏览器,代码简单高效,执行效率高,访问速度快;后台编辑器采用kindedit编辑器,代码编辑...
8. **交互元素**:交互元素如按钮、下拉菜单、滑块和表单验证等,应具有良好的反馈机制,让用户清楚了解他们的操作是否成功,以及下一步该怎么做。 9. **性能优化**:为了提供流畅的用户体验,前端页面应优化加载...
1. **前后端分离设计**: 这个源码实现了前端展示与后端逻辑的分离,有利于代码的维护和扩展。前端部分主要负责用户界面的展示,而后端则处理数据的增删查改等业务逻辑。 2. **PHP编程语言**: PHP是一种广泛使用...
Server端目前有个问题,就是必须在前台运行,不能后台(比如计划任务调用,比如windows服务调用)。 如果后台运行的话,相关的msg接口,相关的获得前台进程接口,都有问题(这个是windows安全性的限制), 目前还在...
系统可能实现了用户登录功能,通过ASP.NET内置的身份验证和授权机制,确保只有经过验证的用户才能访问特定的后台功能。 7. 错误处理与日志记录: 为了提高系统的健壮性,开发者可能添加了错误处理代码,捕获并...
1.系统采用asp access开发,全站前台界面采用DIV CSS布局,通过W3C验证,兼容IE6,IE7,IE8,FF浏览器,google浏览器等主流浏览器,代码简单高效,执行效率高,访问速度快;后台编辑器采用kindedit编辑器,代码编辑...
在大厅设置PC端访客点,对访客身份进行识别和管理,通过发放访问二维码控制其出入。通道闸机的设计兼顾了通行效率和安全性,尤其考虑到了残疾人的便利性。 6. 安全防范设计依据 系统的安全防范设计遵循了多项国家...
1.PC端、手机端共用一套数据(方便维护),也可以分开部署. 2.一站多用,同一套网站可多家企业共用(手动在数据库添加站点,及站点下用户). 3.不真正删除数据,防止误删除. 4.附件按日期存放,方便备份数据. 5....
手机访问端步骤(手机端不用安装,只需要修改配置就可以了) 1、用手机端域名新建网站,目录指向手机端程序文件m。 2、到手机端端目录m修改配置文件参数; 修改手机访问端目录下的/e/config/config.php配置文件,...
- PC端:在服务前台进行访客身份识别和出入管理。 - 通道闸机:作为物理出入口的管控设备,与系统紧密配合。 综上所述,智能访客管理系统是智慧城市的重要组件,它通过信息化手段优化访客管理流程,提升安全性,...
此外,源码中还包含了H5页面的前端源码,确保了在浏览器环境下的良好表现,满足移动端和PC端用户的访问需求。 Node.js作为后端开发框架,具有轻量、快速和高并发的特点。开发者可以使用JavaScript这一单一语言完成...
支持PC和手机管理后台和前台页面,自动匹配手机浏览网站,利于移动搜索排名优化。大量手机模板可供选用和定制修改。 丰富功能傻瓜式操作 多级权限管理自由设置,精确到用户组和用户权限;内置会员管理、友情链接...
- **会员登录**:提供安全快捷的登录方式,验证会员身份。 - **会员密码找回**:支持多种找回密码的方式,确保账户安全。 - **会员个人信息维护**:允许会员修改自己的基本信息,如联系方式等。 - **地址薄管理*...
(二)认证模块:认证模块主要用于实现互联网接入平台的统一身份认证和单点登录,需要与前台的 SSL VPN 及后台的应用系统紧密结合,支撑访问用户的 RSA 动态令牌、短信、数字证书、指纹等高强度认证方式。...
创意几何色块html5网站(PC+手机+微信端) v3.0 build20171026 更新日志1.新增:新闻分类表新增新闻分类封面图字段2.修复:修复后台两个文件绕过cookies验证直接访问的问题3.新增:新闻分类和产品分类函数新增 %主...
8. **性能优化**:考虑到网站可能面临的高并发访问,需要进行性能优化,如缓存策略、数据库索引优化、CDN服务等,以提升网站的响应速度和稳定性。 以上就是“简易电子商务网站”项目中可能涉及的主要技术点和功能...
- **自适应设计**:支持多种设备访问,无论是PC端还是移动端都能获得良好的用户体验。 - **可定制化**:用户可以根据需求自行添加或修改工具,具有很高的灵活性。 #### 三、安装配置步骤详解 ##### 1. 准备工作 -...
3. **安全机制**:MVC4内置身份验证和授权机制,如Forms Authentication,可以保护后台管理系统的安全性,防止未授权访问。 4. **易用的后台管理**:通过MVC4的控制器和视图,可以构建一个直观、高效的后台管理系统...