Js
前端知识补充
余_小凡
这个作者很懒,什么都没留下…
展开
-
js获取当前日期时间
获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS”1234567891011121314151617function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; ...转载 2018-06-22 11:36:23 · 309 阅读 · 0 评论 -
前端chrome浏览器调试总结
下面总结一下我的常用调试方法,这些方法让我的工作顺利了很多,同时拿出来总结一下,与各位分享一.先来认识一下这些按钮的功能先来看这张图最上头的一行是一个功能菜单,每一个菜单都有它相应的功能和使用方法,依次从左往右来看1.箭头按钮:用于在页面选择一个元素来审查和查看它的相关信息,当我们在Elements这个按钮页面下点击某个Dom元素时,箭头按钮会变成选择状态2.设备图标:点击它可以切换到不同的终端进...转载 2018-06-08 16:00:38 · 290 阅读 · 0 评论 -
详谈表单重复提交的三种情况及解决方法
第一种情况:提交完表单以后,不做其他操作,直接刷新页面,表单会提交多次。- 在servlet中写一句输出,用来判断是否提交多次?12System.out.println("已经插入");request.getRequestDispatcher("/login_success.jsp").forward(request, response);- 这样的话,刷新多少次,就会在控制器显示多少个“已经插入...转载 2018-06-25 17:04:28 · 2826 阅读 · 0 评论 -
js中的||与&&用法
&&和||在JQuery源代码内尤为使用广泛,由网上找了些例子作为参考,对其用法研究了一下: &&12345678910 function a(){ alert("a"); return true;}function b(){ alert("b"); return true;}var c=a()&&b();alert(...转载 2018-06-20 18:59:38 · 163 阅读 · 0 评论 -
理解javascript中的with关键字
说起js中的with关键字,很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域,然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后,我们很多人都会忽略掉with关键字,认为不要去管它用它就可以了。但是有时候,我们在看一些代码或者面试题的时候,其中会有with关键字的相关问题,很多坑是你没接触过的,所以还是有必要说说with这一个关键字。一、基本说明在js高级程序设...转载 2018-06-20 18:56:04 · 180 阅读 · 0 评论 -
jqgrid的函数与操作
jqGrid有两种调用方式:$("#grid_id").jqGridMethod( parameter1,...,parameterN );或$("#grid_id").jqGrid('method', parameter1,...,parameterN ); 首先介绍一下jqGrid的几个最常用的方法函数,具体的方法API也可以参考官方文档(http://www.trirand.com/jqgr...转载 2018-06-08 15:52:44 · 959 阅读 · 0 评论 -
关于表单的重复提交(3种)
同一个表单、同样的数据,如果多次提交,就会给服务器造成不必要的压力,同时也会向数据库中保存垃圾数据。表单的重复提交分为三种一.在转发的情况下,表单提交成功后,反复刷新成功页面,就会导致表单的重复提交。解决方案:我们改用重定向response.sendRedirect()的方式进入另一个页面。放入request域中的数据改为放在session域中,这样就不会出现表单的重复提交.二.在网速很慢的情况下...转载 2018-06-25 20:32:27 · 451 阅读 · 0 评论 -
JS中window的onload和ready方法的区别
window.onload:所有元素加载完毕才会执行,无需考虑加载的次序当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。$(document).ready{ }:HMTL下载完成并解析为DOM树之后,代码就会执行...原创 2018-12-04 12:02:31 · 5238 阅读 · 0 评论 -
js 刷新当前页面
本文为大家介绍三种 js 刷新当前页面的方法:reload() 方法;replace() 方法;页面自动刷新;方法1:reload() 方法reload()方法用于刷新当前文档。reload() 方法类似于你浏览器上的刷新页面按钮。location.reload();更多关于reload() 方法请参考文档:http://www.runoob.com/jsref/met-loc-reload.ht...转载 2018-06-25 19:08:03 · 2071 阅读 · 0 评论 -
Spket在Eclipse下的安装和配置(图文教程)
一、Spket简介Spket是一个RIA的开发工具,具有代码自动完成、语法高亮、内容概要等功能,可以帮助开发人员高效的编写JavaScript程序。效果图: 二、安装Spket1.去官网(http://www.spket.com/download.html)下载插件。 2.解压缩后,将features和plugins文件夹复制到eclipse的文件夹里,重启eclipse。三、配置Spket1.W...转载 2018-06-25 16:36:32 · 9199 阅读 · 3 评论 -
escape、encodeURI和encodeURIComponent的区别
1、encodeURI不会对下列字符编码 ASCII字母、数字、~!@#$&*()=:/,;?+'2、encodeURIComponent不会对下列字符编码 ASCII字母、数字、~!*()'总结:encodeURIComponent编码的范围更广,会将http://XXX中的//也编码,会导致URL不可用在JavaScript中推荐的做法是用encodeURI对URI的网址部分编码,用encodeURIComponent对URI中传递的参数进行编码。3、esca..原创 2020-11-17 16:36:46 · 120 阅读 · 0 评论 -
layer.tips()失效
前提1 . 引入了layui.css ,jquery.min.js ,layui.js ; 2. js中 写了 layui.use('form', function() { var form = layui.form; });代码:原因:将button...原创 2018-12-14 17:23:06 · 3054 阅读 · 0 评论 -
jQuery插件AjaxFileUpload实现ajax文件上传
jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。1、引入AjaxFileUpload插件相关的js<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"&...转载 2018-07-23 09:45:37 · 5481 阅读 · 0 评论 -
jQuery插件之ajaxFileUpload
ajaxFileUpload是一个异步上传文件的jQuery插件 语法:$.ajaxFileUpload([options]) options参数说明:1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。3,secureuri ...转载 2018-07-20 14:36:23 · 281 阅读 · 0 评论 -
jquery.artDialog.source.js学习
1 关键的对象关系art = jQuery = $function artDialog() {...}artDialog.fn = artDialog.prototype =artDialog.fn._init.prototypejQuery.fn = jQuery.prototype = jQuery.fn.init.prototypejQuery.extend = jQuery.fn.exte...转载 2018-07-12 15:59:30 · 521 阅读 · 0 评论 -
icheck的使用
1.先引入jQuery(必须是jQuery);2.引入icheck.js;<link rel="stylesheet" href="flat/blue.css"> <script src="js/jquery.js"></script> <script src="js/jquery.icheck.js">&转载 2018-06-05 11:53:01 · 1387 阅读 · 0 评论 -
jQuery学习笔记--jqGrid的使用方法(编辑,删除,更新,新增)
jqGrid3.6.2版本下载地址:http://www.trirand.com/blog/?page_id=6下载之后修改自己写的jsp文件中的引用语句<script src="../js/i18n/grid.locale-en.js" type="text/javascript"></script>修改为<script src="../js/i18n/grid.l...转载 2018-06-13 15:58:41 · 1947 阅读 · 0 评论 -
jqGrid api 中文说明
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。jqGrid学习之 ------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。 按照官网文档:/myproject/css/ ui.jqgrid.css ...转载 2018-06-13 16:05:53 · 1093 阅读 · 0 评论 -
JQuery中$.each 和$(selector).each()的区别详解
1、$(selector).each()jQuery 遍历 - each() 方法主要用于DOM遍历,each() 方法规定为每个匹配元素规定运行的函数。语法:$(selector).each(function(index,element)) W3School上显示回调函数是必须的,index - 选择器的 index 位置,element - 当前的元素(也可使用 "this" 选择器).$()...转载 2018-06-22 16:37:53 · 214 阅读 · 0 评论 -
使用ajax提交form表单,包括ajax文件上传
使用ajax请求数据,很多人都会,比如说:$.post(path,{data:data},function(data){ ...},"json");又或者是这样的ajax$.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"pos...转载 2018-06-22 19:19:02 · 113 阅读 · 0 评论 -
详解Jquery.form.js
最开始,我们使用ajax提交表单,统一采用的是jquery的ajax函数,如下:要么绑定函数到按钮的onclick事件上执行$.ajax,要么在submit()中,使用$.ajax执行。如下:[javascript] view plain copy print? $(function(){ $('#myForm').submit(function(){ ...转载 2018-06-25 14:46:34 · 528 阅读 · 0 评论 -
在JqGrid表格中自动生成按钮
1、在js中的jqGrid中下如下代码,自动生成按钮主要是colModel中最后一个namejQuery("#table1").jqGrid( { url:"userManageSelect.html", datatype: "json", mtpe:'post', height:'10...转载 2018-06-19 15:57:44 · 1089 阅读 · 0 评论 -
jqgrid表单默认值设置
jqgrid第一种{name:'test',formatter:"String",formatoptions:{defaultValue:'正常',edittype:"select",editoptions:{value:{1:'正常',2:'加急'}}}第二种{name:'test',formatter:def ,edittype:"select",editoptions:{value:{1:'...原创 2018-06-20 13:26:15 · 5071 阅读 · 0 评论 -
页面实现跳转和刷新
1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href这几个都...转载 2018-06-20 14:48:44 · 275 阅读 · 0 评论 -
jQuery ajax - post() 方法
jQuery ajax - post() 方法jQuery Ajax 参考手册实例请求 test.php 网页,忽略返回值:$.post("test.php");TIY 实例通过 AJAX POST 请求改变 div 元素的文本:$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp"...转载 2018-07-03 14:22:17 · 239 阅读 · 0 评论 -
jQuery.serializeArray() 函数详解
描述 serializeArray()函数用于序列化一组表单元素,将表单内容编码为一个JavaScript数组。serializeArray()函数常用于将表单内容序列化为JSON对象,以便于被编码为JSON格式的字符串。该函数会将可用于提交的每个表单控件封装成一个Object对象,该对象有name和value属性,对应该表单控件的name和value属性。然后将这些Object对象封...转载 2018-07-23 13:25:10 · 766 阅读 · 0 评论 -
jquery.maskload.js学习笔记
概述Loadmask是一个jquery plugin,使用此插件可以在DOM元素加载或更改内容时为此DOM元素添加一个屏蔽层,以防止用户互动,同时起到提醒用户后台任务正在运行的作用。使用此插件可以大大提高用户体验,此插件是一个轻量级jquery plugin,只有2kb左右,非常易于使用;主页:http://code.google.com/p/jquery-loadmask/Download: h...转载 2018-07-12 15:52:49 · 385 阅读 · 0 评论 -
Jquery autocomplete插件
第一个参数除了本地数据外,还可以是url请求路径。配置项参数说明:dataType(String):数据类型.Default:text,如果第一个参数是url地址,并且返回的是json数据,则设置此配置属性为'json'即可;minChars(Number):在触发autoComplete前用户至少需要输入的字符数.Default: 1,如果设为0,在输入框内双击或者删除输入框内内容时显示列表;m...转载 2018-06-04 18:43:57 · 467 阅读 · 0 评论