
JS入门
文章平均质量分 56
稚枭天卓
manu
展开
-
POJO 与 JavaBean 的区别
POJO(Plain Ordinary Java Object)简单的Java对象,实际就是普通JavaBeans,是为了避免和EJB混淆所创造的简称。POJO 和 JavaBean 是我们常见的两个关键字,一般容易混淆,POJO 全称是 Plain Ordinary Java Object / Pure Old Java Object,中文可以翻译成:普通Java类,具有一部分 ge原创 2016-06-28 20:59:04 · 544 阅读 · 0 评论 -
JS 通过表单向 Action 传递元素
JS 通过表单元素的 name 属性,向 Action 传递表单元素,实现数据传递。HTML 中元素的 name 属性,如 csUser.userId 等,实现表单元素与 Action 对应 Bean 的关联。HTML 源码如下原创 2016-10-19 20:39:32 · 529 阅读 · 0 评论 -
BootStrapTable.js 表头与内容无法对齐
去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。代码详例如下:$(function () { $("#serviceTable").bootstrapTable({ // for the Name of Package then appended system url:'/service/Servi原创 2016-11-10 10:31:21 · 10436 阅读 · 3 评论 -
JS 实现变量在字符串中的多层拼接与嵌套
若有需求字符串如下'编辑';其中 roleId 是变量,为实现数据的有效传递对 roleId 嵌套拼接如下,var param="'"+roleId+"'";var a = '编辑';上述,单引号和双引号是交替实用的,因此,可以简化为如下形式:var a = '编辑';原创 2016-10-19 20:49:18 · 7036 阅读 · 0 评论 -
使用 BootstrapTable 实现数据的分页显示(一)
使用 json 实现数据表格的分页显示。方法一,使用 json 格式的数据,实现分页显示。 Dashboard | Nadhif - Responsive Admin Template 已添加教师账号原创 2016-10-08 17:24:41 · 15590 阅读 · 2 评论 -
JS 中 onclick 事件四种传参方式
1、在页面中给方法传参数,有如下的两种方法:方法1,onclick=cancel(id,patientId);在js文件中定义cancel方法如果要把当前对象传过去用onclick="cancel(this,id,patientId)"js中cancel(obj,id,patientId)方法2,在js中用代码示例:jquery$(function(){va原创 2016-11-02 14:05:17 · 45289 阅读 · 0 评论 -
JS 获取 EL 表达式的数值
摘要: 今天分享的是使用jquery来处理session。我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作。在使用之前需要引入jqu原创 2016-11-21 14:56:53 · 673 阅读 · 0 评论 -
JavaScript对Json的增删改属性
var json = { "age":24, "name":"cst" }; //修改Json中的age值,因为Json中存在age属性 json["age"] = 30; alert(json.age); //30 //增加Json中的sex值,因为原创 2016-11-19 20:25:48 · 866 阅读 · 0 评论 -
BootStrapTable.JS 单元格不换行的实现
字段过长容易导致 BootStrapTable.JS 实现的 Table 文字自动换行。The width of column. If not defined, the width will auto expand to fit its contents. Also you can add '%' to your number and the bootstrapTable will use t原创 2016-11-21 16:35:53 · 9618 阅读 · 2 评论 -
EL 表达式获取 Bean 对象中 POJO 列表的某个元素的方法
在相应的 JSP 页面元素之中,编辑元素的值,代码示例如下Java 代码实现如下class A{ List bList;}class B{ Elem C;}JSP 元素赋值如下value="${(A.bList)[0].C}"原创 2016-11-21 20:26:18 · 1048 阅读 · 0 评论 -
JQuery 获取和编辑页面元素
修改页面元素 和 源码如下: function IT(){ f1.innerText="innerText"; } function IH(){ f1.innerHTML="innerHTML"; } function OT(){ f1.outerText="outerTex原创 2016-11-23 19:50:26 · 511 阅读 · 0 评论 -
JS 获取当前时间并格式化
获取当前的日期时间 格式“YYYY-MM-DD HH:MM:SS” function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var原创 2016-11-24 11:14:55 · 15689 阅读 · 1 评论 -
JS 之 判断JSON是否为空
var jsonStr ={};1、判断json是否为空jQuery.isEmptyObject();2、判断对象是否为空:2.1、if (typeOf(x) == "undefined")2.2、if (typeOf(x) != "object")2.3、if(!x)其中第三种是最简单的方法,但是第三种就不能用if(x)这种互斥的方法去判断原创 2016-12-13 15:03:33 · 8451 阅读 · 0 评论 -
JS 模态框实现保存成功提示
JS 文件函数编辑示例$(function(){ var autoFormSubmit = function(e){ var _this = $(this); // closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上 var _form = _this.closest("form");原创 2016-12-21 14:19:43 · 5473 阅读 · 0 评论 -
JSON 入门 之 JSON与XML 的比较(一)
什么是 JSON ?JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性,更易理解JSON - 转换为 JavaScript 对象JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性,无需解析器,Ja原创 2016-07-18 21:11:46 · 699 阅读 · 0 评论 -
jQuery 之 each 函数 break 和 continue 功能
jquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式。你可以打破在函数返回一个jQuery参数虚假循环。一个可以继续执行只是在做不指定返回值或返回值以外的任何其他虚假的回报jqjquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式。你可以打破在函数返回一个jQuery参数虚假循环。一个原创 2016-10-17 20:51:45 · 1535 阅读 · 0 评论 -
jQuery 之 用折线图、饼图、柱状图、仪表盘 展现数据
ECharts基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。在线演示文档 《 Why ECharts ? 》 :http://echarts.baidu.com/echarts2/doc/slide/whyEcharts.html#原创 2016-07-14 21:50:42 · 4180 阅读 · 0 评论 -
JS常见事件及其对应函数
JS常见事件及其对应函数如下图所示:代码详例: Event_Page 按钮 function onc(){ alert("on_clik_" +"event"); }原创 2016-06-22 16:33:40 · 650 阅读 · 0 评论 -
JS基本变量与异常处理
JS区分大小写(相同字符不同大小写的变量定义不同),单行结尾的分号可有可无,弱类型,大括号表代码块,注释与Java相同。数值型 变量8进制用 0 开头16进制用 0x 开头字符型 变量单双引号都可以布尔型 变量true/false几个转义字符\b 退格\f 换页\r 回车\n 换行空值不等于""或者0未原创 2016-06-22 16:40:06 · 495 阅读 · 0 评论 -
JSON 入门 之 JSON 的语法规则(二)
JSON 语法规则JSON 语法是 JavaScript 对象表示法语法的子集。数据在名称/值对中;数据由逗号分隔;花括号保存对象;方括号保存数组。JSON 名称/值对JSON 数据的书写格式是:名称/值对。名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:"firstName" : "John"这很容易理解,等价于这条 JavaScript 语句:原创 2016-07-18 21:26:54 · 990 阅读 · 0 评论 -
jQuery 之 AJAX 方法(12)
什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。================================关于 jQuery原创 2016-07-21 11:05:23 · 752 阅读 · 0 评论 -
CSS 实现 系统登录界面 (一)
设置页面背景被全部覆盖实现过程中出现,图片周边存在边框,白边。这个边是 body 标签的 边框,去除边框实现代码详细如下:可除去页面的边界。设置登录界面中提交表单的文本框位置,可以通过 div 标签的相对位置实现。同时,设置文本是否显示在图层之上可以通过图层索引实现。保证 在div之中, 各个模块的排列分布。详细代码实现如下: 登原创 2016-08-11 18:31:57 · 9396 阅读 · 0 评论 -
CSS 实现 系统登录界面 (二)
登录完成之后是跳转到欢迎界面。比较常见的管理系统的欢迎界面分为导航栏区、左下侧的菜单栏区和右下侧的窗口区。1.导航栏的颜色 通过 navbar navbar-inverse 实现颜色反转。2.导航栏的文本 通过 navbar-text 实现纯文本的显示。3.导航栏的文本 通过实现 li 标签项的横向显示。4.各级菜单在折叠显示的展现方式下,同级菜单不可同原创 2016-08-11 20:59:57 · 2651 阅读 · 0 评论 -
BootStrap 教程 之 布局组件(03)
布局组件的实现主要是通过 JS 代码实现的。常见的引用文件是:bootstrap.min.css、jquery.min.js 和 bootstrap.min.js。字体图标,即为胶囊内字段周围的小图标,使用需要下载 Bootstrap 3.x 版本,相关的 CSS 规则写在 dist 文件夹内的 css 文件夹内的 bootstrap.css 和 bootstrap-min.css原创 2016-08-12 17:46:42 · 663 阅读 · 0 评论 -
jQuery closest() 方法
closest() 方法返回被选元素的第一个祖先元素。祖先是父、祖父、曾祖父,依此类推。DOM 树:该方法从当前元素向上遍历,直至文档根元素的所有路径(),来查找 DOM 元素的第一个祖先元素。 该方法与 parents() 类似,都是向上遍历 DOM 树,不同点是:closest()从当前元素开始,沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个原创 2016-09-19 14:01:44 · 2748 阅读 · 0 评论 -
CSS 属性选择器
attribute 表示属性,诸如 id、class、role 等,自定义的属性也可以 。value 表示对应值。[attribute=value] 选择器用于选择指定了属性和值的元素。[attribute~=value] 选择器用于选择属性值包含一个指定单词的元素。[attribute|=value] 选择器用于选择指定属性具有指定值开始的元素。[attribute^=v原创 2016-09-19 15:49:53 · 862 阅读 · 0 评论 -
JavaScript console 函数
1.什么是 ConsoleConsole 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。2.什么浏览器支持 Console很多人可能都知道 Chrome 和 FireFox(FireBug)中都支持 Console。而其他浏览器都支 持不好。比如 IE8 自带的开发工具虽然支持 C原创 2016-09-19 18:17:41 · 1220 阅读 · 0 评论 -
JavaScript Array 对象的主要方法
Array 对象相当于数组,第一个数组元素的索引值为 0,第二个索引值为 1,以此类推。Array 对象属性concat() 连接两个或更多的数组,并返回结果。every() 检测数值元素的每个元素是否都符合条件。filter() 检测数值元素,并返回符合条件所有元素的数组。indexOf() 搜索数组中的元素,并返回它所在的原创 2016-09-21 13:36:39 · 364 阅读 · 0 评论 -
复选框的全选及其反选的实现
关键方法概述prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, default原创 2016-10-10 17:20:37 · 713 阅读 · 0 评论 -
CSS 超长文本的隐藏和鼠标覆盖后显示
在 BootStrap Table 实践中,数据文本过长导致文本本身溢出表格区域,为了实现鼠标覆盖能够显示文本,正常状况下省略显示。CSS 文件,代码示例:.hiddenOverFlowCoverShow:hover{ width: 225px; font-size: 12px; border: 0px solid #ddd; overflow: hi原创 2016-12-30 20:20:25 · 1923 阅读 · 0 评论