JS
javascript 集锦
lanchengxiaoxiao
杂七杂八
展开
-
es6 遍历数组, 给对象添加新属性
let arry =[{id:1,name:'张三'},{id:2,name:'李四'}] let arryNew = [] arry.map((item, index) => { arryNew.push(Object.assign({}, item, { sex: '男'})) })原创 2022-01-20 17:12:32 · 1730 阅读 · 0 评论 -
js静态页面传参
知识点:js静态页面间传值功能:将登陆页面中的用户名密码传到登录后的界面代码实现:方法一:QueryString登录页面传参: window.open("index.html?username=" +username+"&password="+password); 登录以后页面获得参数var request = { Que转载 2012-03-09 11:00:10 · 811 阅读 · 0 评论 -
在一个页面里这样访问了一个js文件
之前看过很多朋友在csdn上发帖问怎么这么设置网站资源的访问路径好。按照本文的思路。记得是思路,只要你看懂了思路也不局限于实现这个接口。 就可以很好的去解决项目的资源路径。比如在一个页面里这样访问了一个js文件,将来不管这个页面怎么移动目录都不需要管这个js访问路径对不对(除非这个js资源移动了位置)转载请标明本文出处:实现ServletContextListener解决项目资源访问路径不统一转载 2012-03-28 11:47:44 · 505 阅读 · 0 评论 -
HTML中Readonly和Disabled的区别
ReadOnly和Disabled的作用是使用户不能够更改表单域中的内容,但是二者还是有着一些区别的: 1、Readonly只针对input(text/password)和textarea有效,而disabled对于所有的表单元素有效,包括select,radio,checkbox,button等。在表单元素使用了disabled后,我们将表单以POST或者GET的方式提交的话,这个元原创 2012-03-29 12:02:20 · 295 阅读 · 0 评论 -
JavaScript获取系统当前日期和时间、星期几
JavaScript获取系统当前日期和时间、星期几 方法一: var mydate=new Date(); var myyear=mydate.getYear(); var mymonth=mydate.getMonth()+1;//注:月数从0~11为一月到十二月 var mydat=mydate.getDate(); var myhours=mydate.getH转载 2012-03-29 13:07:46 · 1051 阅读 · 0 评论 -
js cookies的存---删====取
1---js //写cookies函数 function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值{ var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); exp.转载 2012-03-29 13:34:29 · 459 阅读 · 0 评论 -
js 获取客户端ip的方法
1: function GetLocalIPAddr(){ var oSetting = null; var ip = null; try{ oSetting = new ActiveXObject( "rcbdyctl.Setting" ); ip = oSetting.GetIPAddress;转载 2012-04-11 13:20:48 · 814 阅读 · 0 评论 -
Javascript trim()函数实现
在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的。 方案一: 以原型方式调用,即obj.trim()形式,此方式简单且使用方面广泛,定义方式如下: /*** 删除左右两端的空格*/String.prototype.tri转载 2012-05-04 18:20:42 · 297 阅读 · 0 评论 -
摇滚21 选择标签至文本域效果,可多选/可过滤重复/可限制个数(已封装)
js效果:http://www.oschina.net/code/snippet_129267_3649(function(){ $.fn.extend({ iSelectTags:function(options){ var iset={ name:'.tagsbox',//表单或class或id名 drop:$('#dropbox'),//弹出框定位转载 2012-05-07 18:13:47 · 320 阅读 · 0 评论 -
10 个很棒的 jQuery 代码片段
http://www.oschina.net/code/snippet_12_7271代码] 图片预加载(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { v转载 2012-05-07 18:22:52 · 226 阅读 · 0 评论 -
使用 jQuery progressBar 做文件上传的进度条指示
http://www.oschina.net/code/snippet_12_1313var progress_key = '4cd0f29463edb'; // this sets up the progress bar$(document).ready(function() { $("#uploadprogressbar").progressBar();}); // f转载 2012-05-07 18:27:54 · 530 阅读 · 0 评论 -
喵了个咪 jQuery一句话实现多选框全选/取消
http://www.oschina.net/code/snippet_86510_2781 function selectAll(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')转载 2012-05-07 18:29:27 · 431 阅读 · 0 评论 -
css二级导航菜单效果
class="demo-container">/>/>#nav{margin:20px0 80px 0}#nav{float:left;width:650px;height:auto;background:#fff url(/wp-content/uploads/examples/sliding-doors-with-a-drop-line/bottom_line.gif) repea转载 2012-05-07 21:19:24 · 779 阅读 · 0 评论 -
javascript兼容性较强的选项卡菜单
http://www.111cn.net/js_a/javascript-dh/42477.htm简洁实用的选项卡菜单与之间-->ul,li{margin:0;padding:0;}.tabBox{width:268px;margin:20px;}ul.tabTag{height:28px;border-bottom:1px solid #000;lis转载 2012-05-07 21:18:02 · 599 阅读 · 0 评论 -
超简单的js网站后台管理功能折叠菜单代码
http://www.111cn.net/js_a/javascript-dh/42458.htm*{margin:0;padding:0;}#nav{width:200px;margin:50px;}#nav h3{cursor:pointer;line-height:30px;height:30px;background-color:#000000;color:#fff;}转载 2012-05-07 21:28:40 · 1533 阅读 · 0 评论 -
css 三级横向弹出菜单
dropline-水平三级横向弹出菜单/* common styling */.menu {font-family: arial, sans-serif; width:749px; height:30px; position:relative; margin:0; font-size:11px; margin:50px 0; background:#fff; position:rela转载 2012-05-07 21:31:19 · 623 阅读 · 0 评论 -
select 联动菜单实现代码
http://www.111cn.net/js_a/javascript-dh/37125.htm联动菜单//下面函数是演示二,联动菜单的处理代码function makeplace_a(x){ var form2=document.formsearch.one.options.length;//这句解释同上 var wane_searchl转载 2012-05-07 21:34:35 · 745 阅读 · 0 评论 -
js 支付宝圆角下拉导航菜单效果
http://www.111cn.net/js_a/javascript-dh/36636.htm支付宝圆角下拉导航菜单效果与之间-->.frame-menu{position:relative;overflow:visible;zoom:1;width:970px;height:50px;margin:0 auto;padding:0;background:u转载 2012-05-07 21:36:18 · 589 阅读 · 0 评论 -
javascript 导航标签位于左侧的纵向选项卡二
http://www.111cn.net/js_a/javascript-dh/40881.htmtd,a,body{font-size:9pt;}.DivAround_focus{cursor:pointer;background-color:#A1ACDB;border-right:solid 1px #A1ACDB;border-bottom:solid 1px #33333转载 2012-05-07 21:38:26 · 592 阅读 · 0 评论 -
仿淘宝网站的导航标签效果
http://www.111cn.net/js_a/76/680e78e63236469880fc20d91da7fd5e.htm中国站长天空-网页特效-导航菜单-非常漂亮的二级下拉导航菜单与之间-->/*全局样式*/*{font-size:12px;}body{margin:0;padding:0;background-colo转载 2012-05-07 21:56:07 · 649 阅读 · 0 评论 -
javascript中相互横向切换展示的窗口效果
http://www.111cn.net/js_a/javascript/42580.htm相互横向切换展示的窗口与之间-->#idGlideView{height:100px;margin:100px auto;}#idGlideView div{width:500px;height:100px;}#idGlideView di转载 2012-05-07 22:05:49 · 518 阅读 · 0 评论 -
js 仿淘宝首页最新图片幻灯切换效果
http://www.111cn.net/js_a/75/d05a5ed20e16085c19d50bfc9fd9652f.htmjs 仿淘宝首页最新图片幻灯切换效果js 仿淘宝首页最新图片幻灯切换效果与之间-->body{font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}body,div,ul,ol,li转载 2012-05-07 22:08:20 · 1195 阅读 · 0 评论 -
javascript小技巧
http://www.cnblogs.com/ttyp/archive/2004/11/15/63900.html事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键转载 2012-05-10 11:50:36 · 240 阅读 · 0 评论 -
HTTP错误 大全 403 401 400 404 304 200
HTTP 400 - 请求无效HTTP 401.1 - 未授权:登录失败HTTP 401.2 - 未授权:服务器配置问题导致登录失败HTTP 401.3 - ACL 禁止访问资源HTTP 401.4 - 未授权:授权被筛选器拒绝HTTP 401.5 - 未授权:ISAPI 或 CGI 授权失败HTTP 403 - 禁止访问HTTP 403 - 对 Internet 服务转载 2012-05-09 12:11:17 · 1205 阅读 · 0 评论 -
js判断checkbox --------- 拼接传参
function exportExcel(){ var para ="" varids=document.getElementsByName("ids"); for (vari=0;i if(ids[i].checked){ //判断复选框是否选中 para=para+ids[i].value+","; }转载 2012-05-31 20:01:06 · 615 阅读 · 0 评论 -
checkbox 全选
function checkAll(){ var Allcheckbox=document.getElementsByName("normsids"); var flag=document.getElementById("box").value; if(flag=="f"){ for(var i=0;i原创 2012-05-31 20:01:53 · 343 阅读 · 0 评论 -
浅谈jsp页面中调用js文件的中文乱码问题
%@ page language="java" import="java.sql.*,java.util.*," contentType="text/HTML;charset=gb2312" pageEncoding="gb2312"%>html中加上通常这样就没有问题了。 .再者: 导入js时候设置一下charset但要保证一点就是: 所有的编码方式要保证一致转载 2012-05-31 21:07:56 · 1365 阅读 · 0 评论 -
jsp 首页面向弹出层传值并回显;
----------------展示页面---------根据行业查指标 function modelselect() { var codes = ""; $('input[name="tradeCode"]').each(function() { codes = codes + ',' + $(this).v原创 2012-06-05 17:07:21 · 5365 阅读 · 0 评论 -
javascript中对button(对象)的disabled属性的控制示例
function enableOrDisableTimer(paramSwtich) { //alert(paramSwtich); if (paramSwtich=="true") { var strUrl="/yourBusinessMethod.do?method=controlInManual&type=true"; if (confirm("确认要启动转载 2012-06-16 12:23:50 · 1223 阅读 · 0 评论 -
日期时间判断正则表达式
判断YYYY-MM-DD这种格式的^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|转载 2012-06-18 20:26:34 · 359 阅读 · 0 评论 -
js 打印页面局部内容
///***********************///打印指定区域页面///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字///开发:王洪剑///日期:2009-8-7function startPrint(obj){ var oWin=window.open("","_blank");转载 2012-07-04 17:45:26 · 580 阅读 · 0 评论 -
js 打印
打印相关 /* 应用这个样式的在打印时隐藏 */ .Noprint { display: none; } /* 应用这个样式的,从那个标签结束开始另算一页,之后在遇到再起一页,以此类推 */ .PageNext { page-break-after: always; }转载 2012-07-04 17:51:25 · 311 阅读 · 0 评论 -
弹窗代码汇总
弹窗代码汇总【0、超完美弹窗代码】www.jiedichina.com,南京捷帝科技功能:5小时弹一次+背后弹出+自动适应不同分辩率+准全屏显示 代码: function openwin(){ window.open(http://www.6882.com,"pop1","width="+(window.screen.width-15)转载 2012-08-07 18:39:25 · 649 阅读 · 0 评论 -
超级实用且不花哨的js代码大全 (六) ----代码判断,幻灯片播放器,广告效果
function checkid(iden,year,month,day){ if (iden.value.length==15) { if ((iden.value.lastIndexOf(month.value+day.value))==8) { return true; } return false; } if (iden.value.length转载 2012-08-07 18:41:52 · 1499 阅读 · 0 评论 -
DOMDocument 的属性及一些javascript操作方法
http://www.cnblogs.com/happyday56/archive/2007/12/10/988908.html DOMDocument 属性和方法 转自:[Bobby专栏]最近发现DOMDocument对象很重要,还有XMLHTTP也很重要注意大小写一定不能弄错.属性: 1Attributes 存储节点的属性列表(只读) 2child转载 2012-08-07 18:33:38 · 239 阅读 · 0 评论 -
超级实用且不花哨的Js 代码大全
件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCode event.shiftKey event.altKey event.ctr转载 2012-08-07 18:35:10 · 889 阅读 · 0 评论 -
DOMDocument 的属性及一些javascript操作方法
DOMDocument 属性和方法 转自:[Bobby专栏]最近发现DOMDocument对象很重要,还有XMLHTTP也很重要注意大小写一定不能弄错.属性: 1Attributes 存储节点的属性列表(只读) 2childNodes 存储节点的子节点列表(只读) 3dataType 返回此节点的数据类型 4Definition转载 2012-08-07 18:44:38 · 318 阅读 · 0 评论 -
脚本调试工具 Microsoft Script Debugger
脚本调试工具 Microsoft Script Debugger ,配合IE在调Ajax脚本代码时用得到,用 debugger; 设断点。安装后,将Internet 选项->高级->禁用脚本调试(Internet Explorer) 前的“√”去掉。安装包下载地址:http://files.cnblogs.com/pcjim/Microsoft Script Debugger.rar转载 2013-06-19 18:50:02 · 5039 阅读 · 0 评论 -
java正则表达式搜集
在Java中,我们为了查找某个给定字符串中是否有需要查找的某个字符或者子字串、或者对字符串进行分割、或者对字符串一些字符进行替换/删除,一般会通过if-else、for 的配合使用来实现这些功能 。如下所示: Java代码 public class Test{ public static void main(String args[]) {转载 2013-09-26 22:06:32 · 734 阅读 · 0 评论 -
js 用CreateElement动态创建标签 //*************************************//
//定义方法创建一个label标签//*************************************//var createLabel = function(id, name, value) { var label_var = document.createElement("label"); var label_id = document.create转载 2013-10-29 17:19:24 · 1237 阅读 · 0 评论