大家好,等会我说的大家可能都已经遇到过了,也或许没有遇到过,再或许没有从这方面考虑过.接下来我们通过一个小例子来说明一下。
我们在每个项目中,几乎都会用到[checkbox]组件。比如批量删除,批量审核等等...,举个简单的例子,如下图:
这是一个简单的批量删除演示,大家可以看到其中"李四"和"刘六"二人是禁止删除的,因为其对应的checkbox组件是禁用的。此我们稍微考虑一下,我们能否在浏览器端将李四对应的checkbox修改成可用。如果能那显然就破坏了正常的业务逻辑和系统的安全性,当然有人会说我会在后台验证,对没错!但我们今天只是拿来讨论一下前台的东西*^_^*
大家肯定都晓得可用在地址栏直接运行js代码,不过大家有想过通过在地址栏运行的js代码来改变页面中某些组件的状态或者value吗?
我们先看一下对应上面那个批量删除的HTML代码:
xml 代码
- a href="#">添加a> <a href="#">删除a>
- <hr size="1" width="100%">
- <input id="isDel" type="checkbox" value="张三"> 张三 男 石家庄 本科<br>
- <input id="isDel" type="checkbox" value="李四" disabled="disabled"> 李四 女 太原市 专科<br>
- <input id="isDel" type="checkbox" value="王五"> 王五 女 北京市 硕士<br>
- <input id="isDel" type="checkbox" value="刘六" disabled="disabled"> 刘六 男 石家庄 博士<br>
我们可用看到checkbox的id为[isDel],此时我便可用通过id在地址栏得到该对象。比如我们使用document.all.isDel来得到的是一个数组,包含了上面四个checkbox,同样我们也可以得到具体的某个checkbox。比如document.all.isDel[1],用这句代码来得到对应李四的checkbox,因为数组下标是从零开始的。如图:
我们在得到该对象之后想再修改其状态或修改它的value就易如反掌,我们只需运行alert(document.all.isDel[1].disabled="") ;就可用将李四的禁止删除状态改为可用删除状态,如图:
这样看来李四就可用删除了,当然,前提是你后台的验证不是很完善的情况下,所以这也对我们的后台验证提出了更高的要求。这里说明一下在地址栏运行javascript的时候一定使用alert语句,呵呵,如果不使用的话可用自己试一下效果。
写这篇短文也没有别的意思,就是想和大家讨论交流一下类似的问题,像这种情况举一反三可用落实到很多具体的场景,也不仅仅局限于checkbox这种组件。如果有业内的大牛对这方面有研究那就和我们分享一下吧。
谢谢您耐心看完此文。
分享到:
相关推荐
数据库大作业-基于JavaScript银行业务管理系统源码.zip数据库大作业-基于JavaScript银行业务管理系统源码.zip数据库大作业-基于JavaScript银行业务管理系统源码.zip数据库大作业-基于JavaScript银行业务管理系统源码...
根据提供的文件信息,我们可以推断出这是一篇关于获取《深入浅出JavaScript》电子书的信息。下面我们将基于这个前提,围绕“深入浅出JavaScript”这一主题进行知识点的展开。 ### 深入浅出JavaScript概览 #### 一...
### 浅谈JavaScript库——jQuery与ExtJs的对比研究 #### 一、引言 随着Web 2.0和RIA(Rich Internet Applications)技术的普及,JavaScript作为一种前端开发的重要工具,逐渐占据了重要的地位。它不再仅仅是用于...
### JavaScript深入浅出 #### 一、前言与概述 《JavaScript深入浅出》是一本致力于帮助读者深入了解JavaScript编程语言的书籍。JavaScript作为现代Web开发不可或缺的一部分,其重要性不言而喻。本书通过深入浅出的...
"浅谈Javascript脚本语言在教学评价系统中的应用.pdf" 本文档讲述了Javascript脚本语言在教学评价系统中的应用。Javascript是一种基于对象和事件的简单的描述性脚本语言,可以很容易地嵌入到HTML文件中。使用...
"浅谈JavaScript库——jQuery,ExtJs的对比研究.pdf" 本文简要介绍了目前流行的JavaScript库,并对其中较为流行的两个库jQuery和ExtJs进行了较详细的介绍和对比研究。本文首先简要介绍了JavaScript库的概念和特点,...
引用类型(Reference type)引用类型是javascript中一种内部类型。它主要是当做一个指代,代替一个变量或者函数,当然在需要真实值时,又可以通过它寻找到真实值。 2.引用类型的结构引用类型的值时由两部分构成,一...
3. **安全性能**:JavaScript运行在客户端,不会直接访问服务器文件系统,确保了用户数据的安全。 4. **嵌入式**:JavaScript代码可以直接嵌入HTML文档中,便于网页开发和维护。 在网页中添加JavaScript主要有两种...
标题:“浅谈jQuery的应用” 知识点: 1. jQuery简介:jQuery是一个继prototype之后的优秀JavaScript框架,由John Resig创建于2006年初。它简化了JavaScript以及Ajax编程,以“write less, do more”为宗旨,用更...
本项目为信息安全领域的创新作品,设计了一套基于JavaScript的入侵检测系统。该系统源码包含197个文件,涵盖了45个SCSS样式文件、44个JavaScript脚本文件、18个CSS样式文件、13个JPG图片文件、12个Python脚本文件、...
Web前端学习资料,Javascript学习
### 浅谈HTML转义及防止JavaScript注入攻击的方法 #### 一、HTML转义的概念 在Web开发中,用户输入的数据经常会直接展示在网页上,例如在评论区、聊天室等场景。如果用户输入的数据中包含HTML标签或者JavaScript...
JavaScript中的变量管理是编程中非常基础且重要的概念,它涉及到变量的作用域、生命周期以及如何避免潜在的安全问题。本文将深入探讨JavaScript的全局变量与局部变量。 首先,我们要明白JavaScript的作用域划分标准...
《深入浅出JAVASCRIPT 中文版》这本书正是为了帮助读者深入理解和掌握这种语言而编写的。 首先,JavaScript的基础知识包括变量、数据类型和操作符。变量是存储数据的地方,而数据类型则定义了变量能存储的数据种类...
你将从《深入浅出JavaScript(中文版)》学到什么?这么说你准备从写html和css的静态网页跃进到编写动态网络应用程序脚本了?这里就是起点。《深入浅出javascript》带你游历令人兴奋的交互式网页创建过程。为了启发你的...
JavaScript的安全性和执行效率分析,kth文件,用caj看哈
《深入浅出JavaScript源代码》是一本以实践为导向的JavaScript学习资源,包含了多个章节的源码实例,旨在帮助读者从基础到高级全面掌握JavaScript的核心概念和技术。这份压缩包中的文件涵盖了CSS样式表、图片、HTML...
通过理解各类攻击手段和实施相应的安全措施,可以有效地提升Web应用程序的安全等级,防止数据泄露和系统被入侵。无论是前端还是后端的开发者,都应当对安全问题保持足够的警惕,并不断学习和实践安全开发的最佳实践...
深入浅出JavaScript 深入浅出JavaScript 深入浅出JavaScript
深入浅出JAVASCRIPT+中文版