最近工作偏向前台页面,老要在页面上判断从数据库取的值对应的身份属性转换。老是一大堆的if else郁闷又累又不雅,今天总结了下,写了个通用的方法,便于出现类似的地方可以统一调用。
OK!此javascript方法基于prototype.jS上构建造。
// 判断页面属性,输出对应
var Judge=Class.create();
Judge.prototype = {
initialize:function(oo,value,index,aid,_views){
this.index=index;
this.oo=eval('('+oo+')');
this.value=value;
this.aid=aid;
this.view=null;
this._views=_views;
this.getValue();
},
getValue :function(){
for(var i=0;i if(this.oo.fact[i]==this.value){
if(this._views!=null){
this.view=this._views[i];
}else{
this.view=this.oo.view[i];
}
}
}
this.setView();
},
setView:function(){
$(this.aid).innerHTML=this.view;
},
setHref :function(a,judg){ //需要链接 ,加这个方法
for(var i=0;i if(this.view==judg[i]){
$(this.aid).innerHTML=a[i]+this.view+'';
}
}//没有符合的就还是显示setView的this.view
}
}
//////////////开发页面/////////////////
<script type="text/javascript">
var gal ='{"fact":["5","4","3","2","1","0"],"view":["圈主","管理员","资深用户","中级用
户","普通用户","圈外人士"]}';
<script>
------------------------
<script>
var judge=new Judge(gal,"$entry.Rank",6,"gal$i");//$entry.Rank 后台数据库所得到的属性
////////////////////////
相关推荐
【OA项目的前台页面】是指在开发企业级办公自动化(Office Automation, OA)系统时,用于用户交互的界面部分。这些页面通常由Java技术栈构建,尤其是使用Java Server Pages(JSP)来实现动态网页功能。对于新手Java...
1. **数据存储**:在需要展示选中信息的元素中,可以添加自定义属性(如 `data-selected`),并初始化为一个 JSON 格式的字符串,用来保存选中状态。 ```html , "option2": true}'>已选择的信息 ``` 2. **更新选中...
3. **类型判断**:根据控件的`type`属性进行判断,从而执行不同的操作。 4. **具体操作**:对于每种类型的控件,可以根据实际需求执行特定的操作。 #### 三、后台C#实现 在服务器端编程中,C#是一种广泛使用的语言...
HTML5页面可见性API是一套提供给网页开发者用来判断页面是否在前台被用户所查看,以及对页面的可见性状态变化做出响应的工具。它主要通过监听页面可见性的变化,让开发者可以根据页面是否可见来执行一些任务。页面...
WPF前台数据验证(红框)(包括3.5和4.0两个版本) WPF 显示验证错误的默认方式是在控件周围绘制红色边框。通常需要对此方法进行自定义,以通过其他方式来显示错误。而且,默认情况下不会显示与验证错误关联的错误...
首先,"一窗口多tabpage页面"是桌面应用程序中常见的设计模式,它允许用户在一个窗口内切换不同的工作区域,类似于网页浏览器中的标签页。在C#中,可以使用System.Windows.Forms.TabControl控件来实现这一功能。每个...
本资料包"overWatch-master(1)_微信小程序模板js代码前台前端H5页面源码.zip"正是针对这一领域的学习者和开发者提供的宝贵资源,其中包含了微信小程序的前端源码,有助于深入理解其运行机制和开发技巧。 首先,我们...
在这个名为"滑动选项卡_企业城微信小程序js代码前台前端H5页面源码.rar"的压缩包中,包含的是实现这一功能的JavaScript代码和相关资源。 首先,我们来看看“小程序”这一标签。小程序是腾讯公司推出的一种轻量级...
在网页开发中,JavaScript(简称JS)是一种广泛使用的客户端脚本语言,用于增强用户交互和动态页面内容。在处理表单提交时,为了防止用户快速连续点击提交按钮导致多次请求,或者由于网络延迟使得用户误认为提交未...
基于Raphael编写的流程设计器控件,只有前台部分,拖曳即可新建节点,点击箭头后在两个节点之间拖曳即可生成箭头路径,双击执行和审批节点,可以设置节点属性(定义审批人等逻辑),双击判断节点的转出箭头,可以...
本题库模板使用了JavaScript(JS)代码,提供了前台前端H5页面的源码,方便开发者进行二次开发或学习参考。 首先,我们要理解微信小程序的架构。微信小程序基于腾讯自家的小程序框架WXML(WeiXin Markup Language)...
在`rating`函数中,首先获取星星总数,然后判断用户是选择新的星星还是取消选择。如果用户选择了一个低于当前选中星星数的星星,那么将从新选中的星星开始到原选中星星的所有星星设为未选中状态;如果用户选择了一个...
4. JSON配置文件:用于配置页面的全局属性,如导航栏、网络请求域名等。 5. 事件处理:在JavaScript中,会定义各种事件处理函数,如点击事件,当用户点击选择手势的按钮时,触发对应的事件处理,更新游戏状态。 6....
微信小程序中的JS代码会实现剪刀石头布游戏的逻辑,包括游戏的开始、玩家选择、电脑随机出拳、判断胜负等功能。开发者可能会使用微信小程序的WXML(微信小程序标记语言)和WXSS(微信小程序样式表)来构建游戏的界面...
15. 编程逻辑与数据操作:通过Student构造函数中的条件判断和赋值操作,体现了编程中的逻辑判断和数据处理。 这些知识点展示了Web前台开发的多个方面,包括HTML页面结构设计、CSS样式设定、JavaScript编程逻辑处理...
3. **CSS动画**:为了让滑动效果更加平滑,可以使用CSS3的`transform`属性和`transition`属性实现平滑的过渡动画。例如,通过改变`translateX`值来实现左右滑动的效果。 4. **布局优化**:在WXSS中,为了适应不同...
如果数据量非常大,可以考虑使用无限滚动或懒加载技术,只在用户滚动到页面底部时加载更多内容。 7. **响应式设计**: 分页组件应适应不同屏幕尺寸,例如在移动设备上可能需要调整布局或减少每页显示的条目数。...
`document.hidden`属性是一个布尔值,用于判断当前页面是否为用户当前所关注的页面。如果页面在后台标签页或者被最小化,`document.hidden`将返回`true`,表示用户没有直接查看该页面;反之,如果页面在前台并且可见...
7. **判断平板还是手机,等比例缩小图片**:Android开发者需要识别设备类型(手机和平板),以便提供不同的界面设计。这可以通过检测屏幕宽度或使用Build类的IS_TABLET属性来实现。等比例缩小图片则涉及到图像处理和...
3. **判断是否可见**:然后,我们检查每个图片元素是否进入可视区域,可以通过比较图片的顶边与视口的底边,或者图片的底边与视口的顶边来判断。 4. **懒加载处理**:一旦发现有图片进入可视区域,我们就异步加载该...