JavaScript
关注
分享
扫一扫
ou_yang_h_
这个作者很懒，什么都没留下…
展开
-
可输入的下拉框，兼容IE6，7，8，9
有时候因为包含了这一部分导致下拉框不可使用：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&g...原创 2013-06-21 14:26:30 · 578 阅读 · 0 评论 -
JavaEye javascript面向对象技术基础(三)
转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1281-javascript-object-oriented-technology-three函数javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.创建函数:function f(x) {........}var f = function(...2010-03-03 12:21:36 · 102 阅读 · 0 评论 -
JavaScript example: js定时任务,每隔一段时间就调用函数(可以异步)
代码很简单,一看就懂,所以不用写思路+注释了这说明js也可以进行定时任务控制了,不像Spring那样配置定时任务,只需要写js即可不过这只能停留在当前页面,跳转页面就会失效了,所以Spring定时任务还是王道,Spring任务看[url]这里[/url],即将出来[code="js"]$(document) .ready( function() { $('#...原创 2010-03-03 11:23:42 · 287 阅读 · 0 评论 -
JavaEye javascript面向对象技术基础(二)
转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1280-javascript-object-oriented-technology-two 原创作者: sdcyst 数组我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的数据(元素)通过索引(从0开始)来访问,数组中的数据可以是任何的数据类型....原创 2010-03-02 12:22:25 · 77 阅读 · 0 评论 -
JavaEye javascript面向对象技术基础(一)
转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1279-javascript-object-oriented-technology-one原创作者: sdcyst 阅读:27133次 评论:80条 更新时间:2008-12-15 看了很多介绍javascript面向对象技术的文章,很晕.为什么?不是因...原创 2010-03-02 12:19:25 · 87 阅读 · 0 评论 -
JavaScript example: 拖动层Div
1 一个简单的例子:拖动层Div 摘自:http://lovephoenix.iteye.com/blog/110165[img]http://dl.iteye.com/upload/picture/pic/55213/a040c48c-60b1-3e72-b09b-4adeecd430c9.jpg[/img][code="js"]var d=0function fi...原创 2010-02-21 13:16:27 · 89 阅读 · 0 评论 -
JS event获取触发事件的对象
更多信息查询API[code="html"]function selectWord() {var oSource = window.event.srcElement ;alert(oSource); alert(oSource.url);alert(oSource.tagName);alert(oSource.target);alert(oSource.get...2010-04-21 09:11:41 · 609 阅读 · 0 评论 -
JavaScript YUI 2.8: DataTable jquery form 异步请求显示数据分页
YUI Library: 一切关于yui的资料都可以获取[url]http://developer.yahoo.com/yui/[/url]上个效果图:[img]http://dl.iteye.com/upload/picture/pic/53815/c20c1ed6-3770-3f3b-8b0d-3e18bc529781.jpg[/img][size=medium]两步走:1...原创 2010-01-27 13:10:24 · 172 阅读 · 0 评论 -
JavaScript语言精粹 函数
[size=medium]所有的过失在未犯以前，都已定下应处的惩罚JavaScript中最好的特性就是它对函数的实现，它几乎无所不能，但是，想必你也能预料到，函数在JavaScript里也并非万能药。函数包含一组语句，它们是JavaScript的基础模块单元，用于代码复用，信息隐藏和组合调用函数用语指定对象的行为，一般来说，所谓编程就是将一组需求分解成一组函数与函数结构...原创 2010-01-21 12:57:55 · 128 阅读 · 0 评论 -
JavaScript语言精粹 对象(检索,原型prototype)
[size=medium]对于丑陋的事物，爱会闭目无视[/size][size=large]JavaScript中的对象是可变的键控集合（keyed collections）对象是属性的容器，其中每个属性都拥有名字和值。属性的名字可以是包括字符串在内的任意字符串，属性值可以是除undefined值之外的任何值JavaScript中的对象是无类别的，它对新属性的名字和值没有约...原创 2010-01-21 09:05:42 · 88 阅读 · 0 评论 -
JavaScript语言精粹 语句和表达式
[size=medium]语句[/size][code="js"]var a;alert(isNaN(a)); //true;alert(isNaN('a')); //false;alert(isNaN('123')); //falsealert(isNaN('001')); //falsealert(isNaN('00a')); //truealert(isNaN...原创 2010-01-21 08:59:13 · 63 阅读 · 0 评论 -
JS js控制鼠标左右键和复制粘贴事件
JS js控制鼠标左右键和复制粘贴事件[code="html"] 无标题页 function Deny() { return true; } function SelectDeny() { document.getElementById("dvContent"...2010-04-12 20:27:38 · 303 阅读 · 0 评论 -
JavaEye javascript面向对象技术基础(四)
转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1282-javascript-object-oriented-technology-four类、构造函数、原型先来说明一点:在上面的内容中提到,每一个函数都包含了一个prototype属性,这个属性指向了一个prototype对象(Every function has ...原创 2010-03-03 12:25:05 · 83 阅读 · 0 评论 -
JavaEye javascript面向对象技术基础(五)
转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1283-javascript-object-oriented-technology-five类变量/类方法/实例变量/实例方法先补充一下以前写过的方法:在javascript中,所有的方法都有一个call方法和apply方法.这两个方法可以模拟对象调用方法.它的第一个参数是...2010-03-03 12:35:22 · 83 阅读 · 0 评论 -
JS Web前段性能问题
Web前段性能问题原创 2011-03-29 18:00:49 · 91 阅读 · 0 评论 -
JS body.clientWidth,documentElement.clientWidth,clientX
event的x，clientX，offsetX，screenX· x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。· clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。· offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。· scr...原创 2011-03-29 16:50:01 · 232 阅读 · 0 评论 -
自写 js validation 验证框架
一、背景： 一个表单的填写，分了n个页面，第一个页面必须首先填写，再可填其他页面，tab切换的时候要验证当前页面的元素，验证不通过的不能切换的其他页继续填写表单。。。。由于很多验证框架都是与form绑定的，导致无法实现这样的需求 针对这样的需求，写了一个验证框架，目前只支持IE，其他还有待完善，也希望各位大大们给些修改的建议，满足如下： 1、可通过form或者table的id，验证f...原创 2011-02-15 16:32:37 · 246 阅读 · 0 评论 -
JS jquery ajax post html
[code="js"]$(document).ready(function(){ $("#ajaxHtml").click(function() { $.post( "xx.do?method=xxXX", {code:"00",name:"公司"}, function(data) { $("#aa").html(data);原创 2010-06-30 15:14:42 · 121 阅读 · 0 评论 -
JS jquery自动补全
思路： 1 输入字符串，keyup事件，通过输入的字符串去后台取数据 2 Controoler层跳到jsp页面，返回null，拼装自己想要的任何数据，xml，html都可以 3 异步成功方法获取数据，用jquery的方法进行设置 4 形成div在input下进行显示 5 第二次的keyup事件，如果第一次的没有请求完，取消第一次，进行第二次的keyup事件1 页面...原创 2010-06-30 14:18:14 · 183 阅读 · 0 评论 -
JS jquery常用语法
[code="js"] $("#id").val(); $("#id").val(""); $("[name='zuoxiIds'][checked]").each(function(){});[/code]原创 2010-06-30 14:05:24 · 86 阅读 · 0 评论 -
JS 过滤特殊字符
[code="html"]/**过滤表单中的特殊字符*/function checkSpecialCharacter(inputvalue) { var str=inputvalue.value; var SPECIAL_STR ="￥#$~!@%^&*();'\"?>原创 2010-06-29 15:44:32 · 110 阅读 · 0 评论 -
JS 注册监听
[code="html"]div var inputElem = document.createElement("input"); //创建组建inputElem.name = "name";inputElem.type = "checkbox";inputElem.checked = "true";inputElem.onclick=myfun; /...原创 2010-06-22 15:45:40 · 131 阅读 · 0 评论 -
JS Jquery 锁屏
http://jquery.malsup.com/block/#demosjquery.blockUI-1.7.1.js[code="js"]$.blockUI({message:'Welcome To JavaEye'}); // 锁屏$.unblockUI();// 解屏[/code]原创 2010-06-22 13:26:14 · 199 阅读 · 0 评论 -
JS 判断是否IE浏览器
[code="js"] var ie = 0/*@cc_on+1@*/ ;[/code]利用IE中JScript所特有的条件编译（或曰条件注释）可以很方便的区分IE和非IE（这里的IE/非IE均是针对内核而言，以IE为内核的浏览器将视为IE）。[code="js"]var ie = !-[1,]; [/code]这个也够简，利用JScript处理数组最后一个,的差异（也许会被个...原创 2010-06-12 12:33:03 · 89 阅读 · 0 评论 -
JavaEye javascript面向对象技术基础(六)
转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1317-javascript-object-oriented-technology-6作用域、闭包、模拟私有属性先来简单说一下变量作用域，这些东西我们都很熟悉了，所以也不详细介绍。[code="js"]var sco = "global"; //全局变量 fu...原创 2010-03-03 12:39:26 · 72 阅读 · 0 评论 -
JavaScript语言精粹 字符串(example:js变量作为URL参数乱码)
[size=small] 字符串可以被包含在单引号或双引号中,它可能包含0个或多个字符\(反斜线符号)是转义字符 JavaScript在被创建的时候,Unicode是一个16位的字符集,所以JavaScript中的所有字符都是16位的. JavaScript没有字符类型,要表示一个字符,只须创建仅包含一个字符的字符串即可[/size][code="js"]alert("A...原创 2010-01-20 09:05:56 · 121 阅读 · 0 评论 -
JavaScript语言精粹 数字
[size=small]JavaScript只有一个单一的数字类型。它在内部被表示为64位的浮点数，和Java的double一样，不象大多数其他的编程语言，它没有分离出整数类型，所以1和1.0是相同的值.number,integer,fraction,exponent ????alert(1e2); // 200alert(Infinity);[/size]...原创 2010-01-20 08:55:53 · 70 阅读 · 0 评论 -
JS click()事件
1 click() ：有div A,还有个checkbox 通过点击 div A 或者 其他的操作触发在 A 上的事件，然后再事件中去调用 checkboxid.click()，则选中了checkbox,[size=small][b]间接的去操作[/b][/size]。2 通过以下这样写 可以在 id = chk1 上添加 onfocus事件[code="js"] ale...2010-03-25 10:26:46 · 568 阅读 · 0 评论 -
JS 获取select的value和text值
[code="js"] 第0个 var selectObj = document.getElementById('selectId'); // 通过对象添加option selectId.add(new Option("第一个","1")) selectId.add(new Option("第二个","2")) // 通过id添加option ...2010-03-25 10:05:26 · 145 阅读 · 0 评论 -
JS 对象上添加方法
[code="html"]点击我啊？ var a = document.getElementById("divid"); a.onclick = function () { alert("是这样的吗？"); }[/code]2010-03-25 09:52:30 · 114 阅读 · 0 评论 -
JS iframe
现在有这样的案例，两个页面fu.jsp,zi.jsp fu.jsp有很多表单元素要填写，且有很多元素需要 其他系统根据已经填写的表单元素进行处理并且返回回填到fu.jsp (例如要通过另外的系统来计算或者复制等返回数据) 可以这么理解 fu.jsp --> 请求 --> controller处理(与其他系统交互或者另外的处理) --> 返回到 fu.jsp（Str...2010-03-23 17:47:41 · 88 阅读 · 0 评论 -
JS example：点击按钮table增加一行，删除一行
点击添加按钮给table增加一行，有两种方法，一种是通过js控制添加；另一种就是直接用html元素和innerHTML，在这里我主要是说的用js来控制，因为这种易于调整。在这里要了解的这几个知识点, appendChild, firstChild, cloneNode(false or true), chidNodes, childNodes[i], style = "display...2010-03-23 13:38:17 · 719 阅读 · 0 评论 -
JS 正则表达式案例
[size=small][b]正则表达式案例[/b][/size][b][size=x-large]1 数字[/size][/b][code="js"]"^\\d+$" //非负整数（正整数 0）"^[1-9][0-9]*$" //正整数 "^((-\\d)|(0+))$" //非正整数（负整数 0） "^-[0-9]*[1-9][0-9]*$" //负整数 "^-.2010-03-22 16:29:28 · 93 阅读 · 0 评论 -
JS 正则表达式基础
规范用""，迫不得已才用''正则表达式Regular Expression，简称regex或者regexp 是一种来描述文本模式的特殊语法。 一个正则表达式是由普通字符（例如字符'a'到'z'，'0'到'9'）以及特殊字符（称为元字符，如："\","*","?"等）组成。 简单的说一个正则表达式就是你需要匹配的字符串。 例如，正则表达式"A*B"匹配字符串"ACCCCB"2010-03-22 10:30:06 · 193 阅读 · 0 评论 -
JS 正则表达式判断 字符 数字 日期 等等
[b]1 判断数字[/b] 判断是否为数字： var re = /^[0-9]+.?[0-9]*$/; 判断正整数：var re = /^[1-9]+[0-9]*]*$/; 上例子一个 [code="js"]function checkData(obj,message) { //判断输入正整数 var re = /^[1-9]+[0-9]*]...2010-03-12 16:56:58 · 254 阅读 · 0 评论 -
JavaScript example:onkeyup,规范日期格式 求日期间隔 非正则
关于keyCode值看[url=http://pouyang.iteye.com/admin/blogs/608826]这里[/url][b]1 日期格式[/b][code="js"]/*** onkeyup 年月设置时间格式 * onkeyup事件：键盘按下去，放松键盘就响应的事件*/function setDateFormat(obj){ //关于k...2010-03-05 17:15:40 · 161 阅读 · 0 评论 -
JavaScript: event.keycode值
keyCode顾名思义键码,英文解释:Integer that specifies or receives the Unicode key code,键盘的按键最终会转换成0,1代码传达给中央处理器,然后做出响应打印出来......关于这些是大学课程上基本知识,我也不夸夸奇谈了,来正题用下面这个html,按下键盘的时候页面div显示各个键盘的keyCode值[code="html"]...原创 2010-03-05 16:04:05 · 310 阅读 · 0 评论 -
JavaScript example: js验证,null,各种正则表达式格式验证
[b][size=medium]1 null的验证[/size][/b][size=medium] 1.1 公共方法[/size][code="js"]//公共check方法 //id:数组,要check的页面上的表单元素都放在了这个数组里面//name:数组,针对页面上表单元素的名称,给提示错误信息用function checkNull(id,name){ var...原创 2010-03-05 14:39:43 · 302 阅读 · 0 评论 -
JS 点击获取table的一行
[code="js"]/** * 单击鼠标选中表格中的一行 */function selectThis(obj,tableId){var actionTable = getObject(tableId); for(var i=1;i2010-03-25 10:50:33 · 819 阅读 · 0 评论 -
JS 最简单的面板切换
在这里只是给个思路而已，现在web3.0的时代，页面多么豪华绚丽，加上各种javaScript框架的支撑，面板切换样式面貌千种万象，打开浏览器，随便进一些网站，遍地开花啊。[code="html"] divFirst divFirst the first div! the second div![/code]...2010-03-25 11:06:30 · 459 阅读 · 0 评论