Javascript
关注
分享
扫一扫
xdajian
这个作者很懒，什么都没留下…
展开
-
获取DOM对象的当前(current)样式
/***获取页面某个元素当前的样式：(譬如获取当前INPUT的宽度，border的样式、border颜色等)*@param domID 文档对象的ID 或者直接传DOM文档对象*@param propName 样式属性*@return 返回当前元素的样式*注意：propName不要聚合写法(eg:borer)，要分拆写法(eg:borderStyle 只支持IE)，越详...原创 2012-09-28 17:19:53 · 979 阅读 · 0 评论 -
正则表达式解释
/*正则赏析*/var rep = /<!--[\s\S]*?-->/gi;var v = "ABC<!-- <span></span> --><!-- <div>ABC</div>-->";log(v.replace(rep,""));//返回ABC原创 2012-08-06 14:39:31 · 110 阅读 · 0 评论 -
JS读取本地文件夹和图片异步加载（图片LazyLoad）
/*说明：当某一个页面拥有非常多的图片或者使用图片列表的时候，图片全部加载即浪费资源，又影响页面加载速度，所以使用图片延迟加载。图片延迟加载可以实现：当用户拖动滚动条的时候，只有在滚动条可见范围内的图片，才会显示。*/ <html><head><meta http-equiv="Content-Type" ...原创 2012-11-01 11:52:58 · 1661 阅读 · 0 评论 -
javascript 理论片
/*前缀规范 每个局部变量都需要有一个类型前缀，按照类型可以分为： s：字符串。例如：sName，sHtml; n：表示数字。例如：nPage，nTotal; b：表示逻辑。例如：bChecked，bHasLogin; a：表示数组。例如：aList，aGroup; r：表示正则表达式。例如：rDomain，rEmail;...原创 2012-10-30 15:12:10 · 351 阅读 · 0 评论 -
Flex获取当前地址栏和URL参数
var query:String=ExternalInterface.call("window.location.search.substring",1);if(query){ var paris:Array=query.split("&"); for(var i:uint=0;i<paris.length;i++) { var pos:int=paris...原创 2013-03-11 11:33:57 · 204 阅读 · 0 评论 -
脚本alert打印对象结构
在带有js项目开发中：1 要属性新的js类库2 了解某一个DOM对象的属性 要么翻看API，要么使用alert或者其他日志组件。alertObj就是这样的一个组件。 alertObj,是一个非常小的js方法，用来打印某一个对象的属性。只要在你们工程的JS通用工具类里边(我想每个项目都应该会有吧)添加这个方法，就可以随时调用了，优点就是小和方便，不想那么多打的日志组件...原创 2012-07-19 15:36:46 · 1524 阅读 · 0 评论 -
jsp导出word，java导入access，freemarker
1使用jsp+struts导出带有表格的word要点包括：1中文乱码；2以word形式保存文件；3struts标签的基本使用；4<%@ page language="java" pageEncoding="utf-8" %><%@ taglib prefix="s" uri="/struts-tags"%><html>原创 2012-01-30 09:25:35 · 129 阅读 · 0 评论 -
最新JSLogger和EasyTool(20120130版本)
最新JSLogger和EasyTool(20120130版本) 这个版本是在近一年的实战工作后，经过真正的项目的磨练和修改之后的版本，新版本更完善，功能更丰富。 文件列表： <html> <head><title>DEMO</title><script src="JSLogger.js" debug="tr...原创 2012-01-30 09:21:36 · 107 阅读 · 0 评论 -
jsp 的url传参中文乱码问题解决办法
在js文件中，使用连接jsp的url传参，如果参数是中文会出现乱码问题，如下可以解决： 方法一：(已确认 可行)String username = new String(request.getParameter("username ").getBytes("iso8859-1"),"gb2312或utf-8"); 方法二：（有待确认） js部分：w...原创 2012-01-12 10:29:52 · 358 阅读 · 0 评论 -
JS记录错误日志/捕捉错误
//onerror提供异常信息，文件路径和发生错误代码的行数的三个参数。window.onerror = function(e,url,index){ var msg = e.message || e|| "未知错误"; alert("错误信息："+msg+",错误路径："+ul+",行数："+index);} 原文章路径：http://helilong123...原创 2011-11-02 09:55:01 · 496 阅读 · 0 评论 -
call小结
var Person1= { name:"tom", say:function(){ alert("my name is "+this.name); } } var Person2= { name:"cat", say:function(){ alert("我是 "+this.name); } } Person1.say();...原创 2011-03-31 18:17:22 · 79 阅读 · 0 评论 -
table进阶
<html> <head><title>DEMO</title><script src="JSLogger.js" debug="true" defer="defer"></script></head><body原创 2011-10-27 23:56:04 · 135 阅读 · 0 评论 -
让title动起来
function newTitle() { var titleDOM = document.getElementsByTagName("title")[0]; var text = titleDOM.innerHTML; var cacheTitle = titleDOM.getAttribute("cacheTitle"); if(!cacheTitle){ c...原创 2012-11-12 17:47:42 · 193 阅读 · 0 评论 -
获取FireFox下的event
/* 获取FF下当前事件对象 */function getFFEvent(){ var func = getFFEvent.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0) { if ((arg0.constructor == Event || arg0.constru...原创 2012-11-14 17:28:42 · 203 阅读 · 0 评论 -
xsl使用变量
需求：保留路径最后一个目录 （test文件）<filePath>D:\upload\2012\test文件</filePath>xsl使用变量样例：<xsl:variable name="AAA" select="substring-after(filPath,'D:\')" /><xsl:variable name="BBB" sel原创 2012-08-08 21:09:25 · 627 阅读 · 0 评论 -
javaweb系统的枚举设计
/*组件目的： 在java-web程序的研发过程中，经常使用枚举（譬如人物性别，审核状态等），枚举库存的值多半是英文或者是数字，而前台在给用户展示的时候 ，需要对英文或者数字进行转译，就是翻译成对应的文本内容。 很多时候都是这种模式：后台java编写constant.java枚举类，统一管理枚举；而前台则要参考constant.java的内容，将枚举的内容写死在jsp页面...原创 2012-09-24 15:42:17 · 322 阅读 · 0 评论 -
获取行政区划地名地址的简称
做地图相关的项目就会涉及到地名地址的查询，那么查询的结果就是行政区划数据，这个方法是为了更好的展示， 而对地名地址数据进行自动划分和截取的功能。 #方法体 /***获取字符串简称的方法*@param fullString 原字符串(必填)*@param key 截取的关键字(选填) 如果为空，则从头开始截取*@param type 截取类型...原创 2012-12-27 09:33:55 · 623 阅读 · 0 评论 -
JS获取客户端浏览器基本信息
/** 工具类获取：* 客户端浏览器的类型，版本(version)* 分辨率大小，当前窗口大小* IP、端口、web工程名称* ***/var ClientInfo ={ /** * 拷贝某一个JSON属性到当前对象 *@param selfJSON 当前JSON对象 *@param targetJSON 即将拷贝的JSON对象 *@param...原创 2012-09-12 15:33:37 · 353 阅读 · 0 评论 -
常用脚本
换行： -word-wrap:break-word; word-break:break-all;半透明： -filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5; 获取当前窗口的父窗口内的方法(譬如myfun)：- window.parent.window.myfun('abc'); 父窗口获取子窗口的函数（...原创 2012-09-03 18:28:30 · 175 阅读 · 0 评论 -
解析xml字符串
工具方法：createXmlDOM /** 将字符串转化成XMLDom对象 * @param xmlStr xml字符串*/function createXmlDOM(xmlStr){ var xmlDom = null; if (window.DOMParser){//FF,Chrome 等 xmlDom=new DOMParser().parseFr...原创 2012-08-31 09:08:53 · 114 阅读 · 0 评论 -
sortTable组件
#sortTable.js /* 说明： 1. 该组件用于将一个普通的table，变成一个可以排序的table，同时可以添加奇数偶数行的样式(支持自定义) 2. JSLogger.js 是一个记录日志的组件，不用的话，可以将类似JSLogger的代码全部删掉，不会影响当前组件。 3. 兼容：IE7 8 9,FF,chorme*///缓存table...原创 2012-08-30 11:28:39 · 826 阅读 · 0 评论 -
js获取body或屏幕的宽度大集合
//【转】js获取body或屏幕的宽度大集合var s = " ";document.documentElement.scrollTop 就是滚动条距离顶部的位置（可变）document.documentElement.scrollLef 指滚动条距离左边的位置（可变）s += "\r\n<br>网页可见区域宽： "+ docume...原创 2012-08-22 17:10:52 · 167 阅读 · 0 评论 -
jsURL编码
js 对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。 例如：<script...原创 2012-11-27 11:03:27 · 388 阅读 · 0 评论 -
scrollHeight、clientHeight ,offsetHeight 区别
我认为我们想要两个东西： 一是 scrollWidth（scrollHeight），虽然它用处不大，但应该比 offsetWidth（offsetHeight）有用得多。它表示的是文档区的宽度（高度），比如一个网页，特别是门户网站，拖很长，就要把没有显示出来的内容都计算进去。二是视口 viewport，就是 clientWidth，就是窗口中可显示内容的那块区域，就是我们常常...原创 2012-11-22 10:00:49 · 176 阅读 · 0 评论 -
图片延迟加载(兼容IE&FF&Chrome)
经常看到京东，团购有图片延迟加载的使用，于是自己捉摸着实现了一个，仅供参考。 js代码部分：/***图片延迟加载*@param yourfun 处理图片的方法*@param divID scroll绑定的容器的ID(默认是当期事件触发的控件，然后是document)***/function lazyload(yourfun,divID,offsetP...原创 2012-11-17 14:02:09 · 181 阅读 · 0 评论 -
XmlDOM 小结
/*获取节点： - xmlDoc.getElementsByTagName("title");【以下是所有浏览器都兼容的属性】XML DOM中 对象属性： - nodeName 节点名称 - nodeValue 节点值 - nodeType 节点类型 - parentNode 父节点 - childNodes 子节点的节点列表 ...原创 2012-08-10 16:53:06 · 133 阅读 · 0 评论 -
javascript和css兼容性小结
XHTML和HTML之间的区别1.XHTML 元素一定要被正确的嵌套使用。2 XHTML 文件一定要有正确的组织格式。<html> <head> ... </head> <body> ... </body> </html> 3 标签名字一定要用小写字母。因为 XHTML文档是XML应...原创 2011-08-02 22:05:46 · 165 阅读 · 0 评论 -
textarea添加背景图片并控制定位
<style> .img{ background:url(gb.png) 0px 87px no-repeat fixed;/*fixed是图片背景图片不移位的关键，0和87像素需要自己微调*/ width:490px;/*图片宽度*/ height:100px;/*图片高度*/ border:1px solid red;/*边框颜色，可以省略*/...原创 2011-03-22 12:30:06 · 380 阅读 · 0 评论 -
js对table的基本操作
实现如下功能：页面代码如下，请实现insertTR()方法，实现插入新的航，并且为一个td <table> <tr> <td>aa</td><td onclick="insertTR()">add</td> </tr></table&原创 2011-03-17 15:53:46 · 104 阅读 · 0 评论 -
js闭包的两种模式
<html><body><script>/*js闭包概念；1闭包的方式： 1.1自运行模式(无需调用)。 (function(params_declare){//params_declare 参数声明 //使用params_declare do something })(parms_value);//parms_value要求是参数值 1...原创 2011-02-23 13:55:39 · 243 阅读 · 0 评论 -
阅读犀牛书小结
<script src="JSLogger.js" debug="true"></script><script>var g = "outter"; (function test(bool1,keyword1){ var n = 12.12345;//数字类型参数 /* var n2 = "12.3456";//原创 2011-09-11 17:33:43 · 176 阅读 · 0 评论 -
混合参数的写法
<script src="JSLogger.js" debug="true"></script><script>/***打招呼的方法*@param bool1 是否喊hell0 默认是true*@param name1 对方的*@技巧： 由于js的弱类型特质，可以宽松的限制每个参数的数据类型和是否传入参数， 可以不去强制控...原创 2011-09-10 13:58:02 · 256 阅读 · 0 评论 -
dl,ul,ol小结
<ul style="list-style:url(images/bg03.gif) inside;"> <li>这里是使用list-style属性的示例。请注意换行以后项目符号的位置。</li> <li>这里是列表内容</li></ul><del>显示原创 2011-09-09 00:43:06 · 114 阅读 · 0 评论 -
setCookie
function setCookie(c_name,value,expiredays){ JSLogger.log("cookies = "+document.cookie); var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ "=" +esc...原创 2011-09-04 11:20:50 · 136 阅读 · 0 评论 -
css实现shadow窗口
/*关键点： 1 半透明的兼容写法：opacity:0.5,filter:alpha(opacity:50); 2 z-index:要想z-index起作用必须给dom元素添加position:absolute; 3 窗口遮挡效果的实现：shadow的div添加：display="display" 不是disabled */ <html><hea...原创 2011-08-31 23:07:53 · 131 阅读 · 0 评论 -
js杂记
滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 glow：加光辉在附近对象的边外 gray：把图片灰度化 invert：反色 light：创建光源在对象上 mas...原创 2011-08-31 21:58:31 · 86 阅读 · 0 评论 -
A标签美化checkbox
引用地址：http://topic.youkuaiyun.com/u/20070823/07/49726a02-756f-4e6b-b729-15fe4d090ad0.html 演示地址：http://bbs.blueidea.com/thread-2767480-1-1.html#b 简单修改后的：<html><title>51css</title>...原创 2011-08-31 16:00:08 · 797 阅读 · 0 评论 -
正则表达式
var rep = new RegExp("d") JSLogger.log(rep.test("abcds"));//true; var v = rep.exec("abcd");// JSLogger.log(v);// JSLogger.log('/[!@#$%^~/&*\'.]/.test("!") = '+/[abc]/.test("a"));//特殊符号..原创 2011-08-24 19:59:28 · 85 阅读 · 0 评论 -
js实现replaceAll方法
/*该方法实现将一个字符串achar中的某一个字符charA替换成指定的另外一个字符charB*/var replaceAll = function(achar,charA,charB){ var rep = new RegExp(charA,"g"); return achar.replace(rep,charB);}var achar ="人民城...原创 2011-08-24 16:59:09 · 116 阅读 · 0 评论 -
Javascript 面向对象编程小结
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Javascript 面向对象编程小结</title><script src="JSLogger.js&qu原创 2011-08-19 17:18:35 · 101 阅读 · 0 评论