在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自适应。
分享到:
相关推荐
1.系统采用asp+access开发,全站前台界面采用DIV+CSS布局,通过W3C验证,兼容IE6,IE7,IE8,FF浏览器,google浏览器等主流浏览器,代码简单高效,执行效率高,访问速度快;后台编辑器采用kindedit编辑器,代码编辑...
Server端目前有个问题,就是必须在前台运行,不能后台(比如计划任务调用,比如windows服务调用)。 如果后台运行的话,相关的msg接口,相关的获得前台进程接口,都有问题(这个是windows安全性的限制), 目前还在...
1.PC端、手机端共用一套数据(方便维护),也可以分开部署. 2.一站多用,同一套网站可多家企业共用(手动在数据库添加站点,及站点下用户). 3.不真正删除数据,防止误删除. 4.附件按日期存放,方便备份数据. 5....
1.系统采用asp access开发,全站前台界面采用DIV CSS布局,通过W3C验证,兼容IE6,IE7,IE8,FF浏览器,google浏览器等主流浏览器,代码简单高效,执行效率高,访问速度快;后台编辑器采用kindedit编辑器,代码编辑...
手机访问端步骤(手机端不用安装,只需要修改配置就可以了) 1、用手机端域名新建网站,目录指向手机端程序文件m。 2、到手机端端目录m修改配置文件参数; 修改手机访问端目录下的/e/config/config.php配置文件,...
支持PC和手机管理后台和前台页面,自动匹配手机浏览网站,利于移动搜索排名优化。大量手机模板可供选用和定制修改。 丰富功能傻瓜式操作 多级权限管理自由设置,精确到用户组和用户权限;内置会员管理、友情链接...
创意几何色块html5网站(PC+手机+微信端) v3.0 build20171026 更新日志1.新增:新闻分类表新增新闻分类封面图字段2.修复:修复后台两个文件绕过cookies验证直接访问的问题3.新增:新闻分类和产品分类函数新增 %主...
2.修复:修复后台两个文件绕过cookies验证直接访问的问题 3.新增:新闻分类和产品分类函数新增 %主分类图片% 的内部标签 4.新增:新闻分类和产品分类新增按照字母排序的主分类功能 蓝色教育培训行业网站系统简介 ...
2.修复:修复后台两个文件绕过cookies验证直接访问的问题 3.新增:新闻分类和产品分类函数新增 %主分类图片% 的内部标签 4.新增:新闻分类和产品分类新增按照字母排序的主分类功能 全屏大图html企业网站程序特色 ...
shopNR开源商城系统包括PC、WAP、APP、微信小程序全套应用。集成了【自动抓取淘宝京东苏宁的商品的接口】,【小票打印机】、【短信验证】等等。前台效果:1、首页幻灯片广告,左侧商品分类,右侧购物车;2、飞入...
EKECMS网站管理系统设计原则1.PC端、手机端共用一套数据(方便维护),也可以分开部署. 2.一站多用,同一套网站可多家企业共用(手动在数据库添加站点,及站点下用户). 3.不真正删除数据,防止误删除. 4.附件按日期...
支持PC和手机管理后台和前台页面,自动匹配手机浏览网站,利于移动搜索排名优化。大量手机模板可供选用和定制修改。 手机应用高端定制 企业网站转换手机应用,提升企业形象,定制功能提升销售能力和渠道 移动...
支持PC和手机管理后台和前台页面,自动匹配手机浏览网站,利于移动搜索排名优化。大量手机模板可供选用和定制修改。 手机应用高端定制 企业网站转换手机应用,提升企业形象,定制功能提升销售能力和渠道 移动办公...
分类管理:支持批量增加分类,支持删除进回收站,分类大图,分类小图,中文标题,英文标题,Pc列表模板定义,PC内容模板定义,wap列表模板定义,wap内容模板定义,支持4种位置调用方法,支持会员级别访问控制 ...
− 新增全新门户版PC模板1套 − 新增全新门户版手机模板1套 − 新增云端区块ID添加,后台菜单云端ID,开发者可轻松打包发布! − 新增微信公众号自动回复功能 − 新增微信公众号菜单设置 − 新增已关注微信...
闪灵企业建站系统精简版自带一套PC模板(编号s135)、一套WAP模板(编号w135) 环境支持:PHP环境 / 200M或以上空间大小 / 开启父路径 / 设置index.php为默认首页 / 目录写入权限需要开启 闪灵CMS企业建站系统安装...
优化:为保障已购买授权的用户的权益,系统采取域名+授权码双重验证,未购买授权的本地用户将无法继续使用授权版2.新增:接入翻译API支持自动翻译,无需再手动设置多语言内容,可手动微调3.新增:新增加了文章采集...
14.可以设定各个栏目是否对外面,及限制访问IP。可以一键关闭栏目下的所有文章的调查、评论。可以采用聚集功能配合模块调整栏目在前台页面上的栏目及栏目下文章显示。 15.★具有智能裁剪功能。能获知图片的中央矩片...
4、后台控制前台是否显示 5、新增首页广告管理 6、微信管理不再使用站内内容,完全 自定义; 7、后台编辑器采用的是百度编辑器; 8、评论审核功能 9、友情链接管理 10、站内搜索 11、后台模板编辑 12、二级目录支持...
功能特点:支持电脑端+手机端+微信端(三端合一)支持站内搜索支持会员系统支持商城系统支持万能表单支持支付宝(即时到帐接口)/微信(扫码支付)付款方式支持中/英双语支持QQ/旺旺客服支持动/静态页面访问支持接入...