javascript
认真的coder
不断学习,不断进步。wx:keep4ing
展开
-
105-js循环和闭包示例
正常情况下,我们对这段代码行为的预期是分别输出数字1~5,每秒一次,每次一个。let声明,可以用来劫持块作用域,并且在这个块作用域中声明一个变量。《你不知道的JavaScript(上卷)》,5.4 循环和闭包。但实际上,这段代码在运行时会以每秒一次的频率输出五次6。结果就正常了:分别输出数字1~5,每秒一次,每次一个。结果还是: 以每秒一次的频率输出五次6。块作用域和闭包联手便可天下无敌。原创 2022-11-05 08:10:23 · 333 阅读 · 0 评论 -
81-高德地图范围绘制,区域遮掩,蒙版遮罩
【代码】81-高德地图范围绘制,区域遮掩,蒙版遮罩。原创 2022-10-15 16:54:12 · 1567 阅读 · 0 评论 -
75-js前端压缩图片
【代码】75-js前端压缩图片。原创 2022-10-13 09:14:20 · 55 阅读 · 0 评论 -
59-postman 取时间戳,md5加密
var username = "zyz3";var securityKey = "111111111";var timestamp = new Date().getTime();var paraStr = username+securityKey+timestamp;var accesstoken = CryptoJS.MD5(paraStr).toString();postman.setGlobalVariable("username",username)postman.setGlobal原创 2022-04-15 11:24:26 · 1015 阅读 · 0 评论 -
00008 - layui 表单验证,需要验证,但非必输
当使用layui的验证规则,比如 手机,<input type="text" name="userName" lay-verify="phone" placeholder="" autocomplete="off" class="layui-input">此时,该输入框可为空, 表单就提交不了。可自定义验证规则, 即为空时,不校验, 不为空时, 要校验。自定义的规则如下:admin.v_email = function(value, item){ var exp = /^([原创 2020-05-21 22:17:56 · 562 阅读 · 0 评论 -
00007-layui 按下Escape 退出 弹出层layer
layui 按下Escape 退出 弹出层layer在common.js ,即顶层 页面中 监听事件:window.onkeyup=function(ev){ var key=ev.keyCode||ev.which; if(key==27){ //按下Escape layer.closeAll(); //疯狂模式,关闭所有层 if(parent){ parent.layer.closeAl原创 2020-05-20 22:21:54 · 329 阅读 · 0 评论 -
00005-js 获取uuid
admin.guid = function () { function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1); } return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());}原创 2020-05-18 22:16:43 · 210 阅读 · 0 评论 -
00004-form 表单的清空、重置 (jquery)
form 表单的清空、重置$(':input').not(':button, :submit, :reset').val('').removeAttr('selected').removeAttr('checked')原创 2020-05-18 22:15:59 · 123 阅读 · 0 评论 -
使用dialog插件弹出提示和确定信息对话框8-8
dialog参数说明:http://www.cnblogs.com/bestfc/archive/2009/06/08/1498742.html转载 2014-09-03 11:41:00 · 3603 阅读 · 0 评论 -
使用datepicker插件实现分段时间的选择8-6
使用datepicker插件实现分段时间的选择 body{font-size:13px} .txt{border:#666 1px solid;padding:2px;width:100px;margin-right:3px;} $(function(){ $("#txtStart").datepicker({changeMonth:true,changeYear:true,s转载 2014-09-03 11:38:46 · 3688 阅读 · 0 评论 -
使用tabs插件展示选项卡的基本功能8-7
tabs参数说明:http://www.cnblogs.com/bestfc/archive/2009/06/08/1498737.html使用tabs插件展示选项卡的基本功能 body{font-size:13px} .txt{border:#666 1px solid;padding:2px;width:100px;margin-right:3px;} $转载 2014-09-03 11:41:00 · 1204 阅读 · 0 评论 -
使用$.map()工具函数变更数组中的元素9-6
使用$.map()工具函数变更数组中的元素 body{font-size:13px} div{margin:5px;padding:10px;border:solid 1px #666;background-color:#666;width:300px;} $(function(){ var strTmp = "筛选前数据:"; var arrNum=[2,8,3,7,4,9转载 2014-09-03 11:47:30 · 524 阅读 · 0 评论 -
使用accordion插件实现页面中多区域的折叠操作8-4
accordion 参数说明:http://blog.csdn.net/smeyou/article/details/6752469使用accordion插件实现页面中多区域的折叠操作 body{font-size:13px} .divFrame{width:500px;} .divFrame h3{padding:5px;font-size:12px;border转载 2014-09-03 11:36:00 · 1039 阅读 · 0 评论 -
使用$.grep()工具函数筛选数组中的元素9-5
使用$.grep()工具函数筛选数组中的元素 body{font-size:13px} div{margin:5px;padding:10px;border:solid 1px #666;background-color:#666;width:300px;} $(function(){ var strTmp = "筛选前数据"; var arrNum=[2,8,3,7,4,9转载 2014-09-03 11:46:53 · 817 阅读 · 0 评论 -
使用sortable插件实现列表中表项的拖曳排序操作8-3
sortable 参数说明:http://blog.csdn.net/xpsharp/article/details/6906228使用sortable插件实现列表中表项的拖曳排序操作 body{font-size:13px} ul{padding:0px;magin:0px;list-style-type:none;width:260px} ul li{margi转载 2014-09-03 11:32:05 · 1265 阅读 · 0 评论 -
使用datepicker插件实现日期选择的基本操作 8-5
datapicker参数说明:http://www.cnblogs.com/xmphoenix/archive/2011/07/14/2106042.html使用datepicker插件实现日期选择的基本操作 body{font-size:13px} .txt{border:#666 1px solid;padding:2px;width:100px;margin-r转载 2014-09-03 11:35:32 · 973 阅读 · 0 评论 -
使用droppable插件实现对象的放置操作 8-2
使用droppable插件实现对象的放置操作 body{font-size:13px} div{margin:5px} .divFrame{width:800px;} .divLeft{float:left;border:solid 1px #666;width:400px;} .divRight{float:right;border:solid 1px #666;width:40转载 2014-09-03 08:40:56 · 655 阅读 · 0 评论 -
html页面中打印样式
在head中添加样式: .noprint { display:none; }转载 2014-09-30 14:28:05 · 3381 阅读 · 0 评论 -
JavaScript 条件语句 If ... Else
If 语句 var d = new Date()var time = d.getHours()if (time < 10) {document.write("早安")}本例演示 If 语句。如果浏览器时间小于 10,那么会向您问“早安”。If...Else 语句。 var d = new转载 2012-08-07 16:11:23 · 552 阅读 · 0 评论 -
js 关闭页面(Scripts may close only the windows that were opened by it.)
js关闭当前页面,当该页面不是其他页面打开的,而是直接输入url,直接用window.close()无法关闭。以下代码可以实现不同浏览器的关闭操作:function closewin(){ if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") !=-1)原创 2016-07-28 10:01:01 · 34193 阅读 · 14 评论 -
js Array 删除指定元素
//扩展数组方法:查找指定元素的下标 //author cjianquan 2016-1-14 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; }原创 2016-01-14 15:41:42 · 6213 阅读 · 0 评论 -
父页面与子页面的相互操作
A页面中包括iframe(name='i_frame')页面B,B页面调用A页面方法为:window.parent.afun();A页面调用B页面方法为:1.i_frame.window.bfun();2.var ifr=document.getElementById("ifr");var win = ifr.window||ifr.contentWindow;win.原创 2015-12-03 14:00:36 · 2655 阅读 · 0 评论 -
JS中文转换(UTF-8),url传递中文乱码解决
js合成url时,如果参数是中文,传到struts2中会乱码,解决办法如下:1.js文件中使用encodeURI()方法(必须套两层)。login_name = encodeURI(encodeURI(login_name)); 2.action中URLDecoder解码loginName = java.net.URLDecoder.decode(loginName,"UTF-8转载 2015-05-07 10:16:47 · 36793 阅读 · 0 评论 -
$.tree 的简单使用
var url = 'mkController.do?getYsszmkTree&ysid=${ysid}&type=${type}'; var treeData; $.ajax({ async : false, cache : false, type: 'POST', url:url, success:function(data){ treeData原创 2015-03-03 15:25:20 · 9290 阅读 · 1 评论 -
在页面内操作iframe元素
js操作iframe:var iframe = document.getElementById("autoList");设置iframe的属性:$(iframe).attr("src","/web/commonController.do?listTurn&turn=system/document/filesList&unid="+docUnid);原创 2015-01-30 09:33:11 · 1596 阅读 · 0 评论 -
jquery 下拉值联动
解决其他js框架与j原创 2014-11-07 17:27:20 · 606 阅读 · 0 评论 -
使用JQuery UI插件以拖动的方式管理图片8-9
html代码:使用JQuery UI插件以拖动的方式管理图片 $(function(){ var $photo = $("#photo"); var $trash = $("#trash"); $("li",$photo).draggable({ revert:"invalid", helper:"clone", cursor:"move"转载 2014-09-03 11:44:51 · 1409 阅读 · 0 评论 -
使用draggable插件实现对象的拖曳操作8-1
使用draggable插件实现对象的拖曳操作 body{font-size:13px} .div{margin:5px} .divFrame{border:dashed 1px #ccc;background-color:#eee;height:68px;width:200px;} .divDrag{border:solid 1px #ccc;background-color:#ee转载 2014-09-03 08:37:23 · 1034 阅读 · 0 评论 -
JavaScript 错误处理
try...catch 语句 var txt=""function message(){try { adddlert("Welcome guest!") }catch(err) { txt="本页中存在错误。\n\n" txt+="错误描述:" + err.description + "\n\n" txt+="点击转载 2012-08-07 16:22:11 · 515 阅读 · 0 评论 -
JavaScript 消息框
警告框 function disp_alert(){alert("我是警告框!!")}带有折行的警告框 function disp_alert(){alert("再次向您问好!在这里,我们向您演示" + '\n' + "如何向警告框添加折行。")}确认框 fu转载 2012-08-07 16:13:39 · 906 阅读 · 0 评论 -
JavaScript 语句、注释和代码块
JavaScript 语句 document.write("这是标题");document.write("这是段落。");document.write("这是另一个段落。");JavaScript 代码块 { document.write("这是标题"); document.write("这是段落。"); docume转载 2012-08-07 16:07:21 · 2480 阅读 · 0 评论 -
高级 JavaScript 实例03
简单的计时 function timedMsg(){var t=setTimeout("alert('5 秒!')",5000)}请点击上面的按钮。警告框会在 5 秒后显示。另一个简单的计时 function timedText(){var t1=setTimeout("document.getElem转载 2012-08-07 16:33:01 · 784 阅读 · 0 评论 -
JavaScript 函数
函数 function myfunction(){alert("您好!")}通过点击这个按钮,可以调用一个函数。该函数会提示一条消息。一个带参数的函数function myfunction(txt){alert(txt)}转载 2012-08-07 16:17:04 · 551 阅读 · 0 评论 -
高级 JavaScript 实例02
创建一个欢迎 cookie function getCookie(c_name){if (document.cookie.length>0){ c_start=document.cookie.indexOf(c_name + "=")if (c_start!=-1){ c_start=c_start + c_name.length+1 c_end=doc转载 2012-08-07 16:29:59 · 610 阅读 · 0 评论 -
JavaScript 变量
声明一个变量,为它赋值,然后显示出来 var firstname;firstname="George";document.write(firstname);document.write("");firstname="John";document.write(firstname);上面的脚本声明了一个变量,为其赋值,显示该值,改变该值,然后再显示该值。转载 2012-08-07 16:08:46 · 497 阅读 · 0 评论 -
基础 JavaScript 实例
生成文本 document.write("Hello World!")生成普通文本和标签 document.write("Hello World!")head 部分 function message(){alert("该提示框是通过 onload 事件调用的。")}转载 2012-08-07 16:00:59 · 785 阅读 · 0 评论 -
高级 JavaScript 实例01
检测浏览器及版本 var browser=navigator.appNamevar b_version=navigator.appVersionvar version=parseFloat(b_version)document.write("浏览器名称:"+ browser)document.write("")document.write("浏览器版本:"+ ver转载 2012-08-07 16:25:01 · 442 阅读 · 0 评论 -
02 JScript 函数
JScript 函数Microsoft Jscript 函数执行操作,也可以返回值。某些时候是计算或比较的结果。函数又被称为“全局方法”。一个函数中包含有几个操作。这样可使得代码更合理化。可以写一组语句并给其命名,然后通过调用它并传递其需要的信息来运行整组语句。给函数传递信息可以把信息放在函数名称后面的圆括号中。传递给函数的信息称作参数。某些函数根本不带任何参数,而其他函数带一个或者多转载 2011-12-25 00:15:30 · 1640 阅读 · 0 评论 -
01 JScript 基础
什么是 JScript?JScript 是 Microsoft 公司对 ECMA 262 语言规范(ECMAScript 编辑器 3)的一种实现。除了少数例外(为了保持向后兼容),JScript 完全实现了 ECMA 标准。本概述的目的就是引导您学习使用 JScript。使用 JScriptJScript 是一种解释型的、基于对象的脚本语言。尽管与 C++ 这样成熟的面向对象的语言相比转载 2011-12-25 00:13:38 · 2007 阅读 · 0 评论 -
jQuery 效果 - 来自本页
函数描述$(selector).hide()隐藏被选元素$(selector).show()显示被选元素$(selector).toggle()切换(在隐藏与显示之间)被选元素$(selector).slideDown()向下滑动(显示)被选元素$(selector).slideUp()向上滑动(隐藏)被选元素转载 2012-08-14 11:23:17 · 393 阅读 · 0 评论