JavaScript总结
penghuaiyi2008
这个作者很懒,什么都没留下…
展开
-
Javascript实现的颜色选择器
Javascript实现的颜色选择器原创 2011-11-29 10:40:56 · 238 阅读 · 0 评论 -
JS文档对象模型(DOM)的基本方法
[size=medium]一.直接引用结点1.document.getElementById(id);--在文档里面通过id来找结点2.document.getElementByTagName(tagName);--返回一个数组,包含对这些结点的引用--如:document.getElementByTagName("span");将返回所有类型为span的结点二.间接引...2010-04-28 14:05:11 · 62 阅读 · 0 评论 -
iframe自适应高度
[code="java"]//iframe自动适应高度function SetWinHeight(obj){ alert(obj); var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentD...2009-08-10 11:25:39 · 52 阅读 · 0 评论 -
如何在框架(frame)页面之间使用appendChild()?
[color=darkblue][size=large]今天在写程序时遇到一个需求,是需要在一个页面中使用程序改变其中的一个框架页面的DOM结构,于是自然会用到appendChild这样的方法,例如: var div=document.createElement('div');window.frames['frameName1'].contentWindow.document.body.a...原创 2010-01-25 16:10:50 · 316 阅读 · 0 评论 -
按钮下方弹出层
[code="java"] function show(){ window.event.cancelBubble = true var divId=document.getElementById("div1"); var ob=document.getElementById("sss"); var rd=getPosition(ob); ...原创 2010-01-13 17:59:10 · 146 阅读 · 0 评论 -
可手动输入的select
可手动输入的select2009-07-01 10:43:20 · 91 阅读 · 0 评论 -
JSP中页面自动定时刷新
[align=center][b]JSP中页面自动定时刷新[/b][/align]1.JSP中页面定时刷新[code="java"][/code]2.JSP中页面定时刷新至另一个指定页面 [code="java"][/code]3.[code="java"] My JSP 'index.jsp' star...2008-12-30 15:46:17 · 151 阅读 · 0 评论 -
消息自动提醒js
消息自动提醒js2008-12-29 10:32:36 · 827 阅读 · 0 评论 -
setTimeout和setInterval的区别
这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。 方 法实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间...原创 2008-12-29 09:40:10 · 270 阅读 · 0 评论 -
文本控件下方弹出层(PenDiv.js)
文本控件下方弹出层(PenDiv.js)2009-06-17 19:56:28 · 78 阅读 · 0 评论 -
Javascript培训文档
Javascript培训文档原创 2011-08-24 10:20:43 · 94 阅读 · 0 评论 -
JS实现的分页
JS实现的分页原创 2010-10-25 17:11:35 · 98 阅读 · 0 评论 -
泽元公司实现的对话框(很牛的)
泽元公司实现的对话框(很牛的)原创 2011-04-01 14:47:04 · 118 阅读 · 0 评论 -
鼠标点击拖动选中(模仿google日历网格)
鼠标点击拖动选中(模仿google日历网格)原创 2011-03-23 13:21:05 · 248 阅读 · 0 评论 -
点击鼠标右键弹出自定义菜单
点击鼠标右键弹出自定义菜单原创 2011-03-23 13:05:43 · 175 阅读 · 0 评论 -
JS控制文本框只能输入整数或带一位小数的浮点数
<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>无标题页</title> <script type="text/javascript" language="javas原创 2011-10-24 17:23:19 · 205 阅读 · 0 评论 -
ymPrompt弹出窗口(很牛x的)
ymPrompt弹出窗口(很牛x的)原创 2011-10-12 16:46:56 · 220 阅读 · 1 评论 -
Javascript实现的遮罩层
Javascript实现的遮罩层原创 2011-09-15 15:29:56 · 67 阅读 · 0 评论 -
结点可以拖动,右键弹出操作菜单的树(dhtmlxtree改造)
结点可以拖动,右键弹出操作菜单的树(dhtmlxtree改造)原创 2011-06-01 10:12:14 · 113 阅读 · 0 评论 -
可以拖动的DIV
可以拖动的DIV原创 2011-05-31 16:08:26 · 54 阅读 · 0 评论 -
解决循环动态添加事件,参数为最后一次循环值的问题
[code="java"] function init(){ for(var i=1;i原创 2010-10-25 17:15:02 · 178 阅读 · 0 评论 -
为指定的表单元素动态添加事件
[code="java"] function init(){ var _obj = document.getElementById("ck"); var d=document.getElementById("myDate"); var args=[_obj,d]; // _obj.onclick=function()...2010-03-24 16:54:11 · 107 阅读 · 0 评论 -
javascript中的数组(Array)扩展
[code="java"]/**************** 数组扩展 ********************/Array.prototype.add = function(item) { this.push(item);}Array.prototype.addRange = function(items) { var length = items.length;...2010-03-24 11:13:22 · 87 阅读 · 0 评论 -
一些常用的javaScript校验方法
[code="java"]一、获取字符串的实际长度:function getStrActualLen(sChars) { return sChars.replace(/[^\x00-\xff]/g,"xx").length; }----------------------推荐上面的方法-------------------------------...原创 2008-09-22 15:12:25 · 101 阅读 · 0 评论 -
js中模态对话框(showModalDialog)示例
1.commune_create.jsp[code="java"]系统主操作区页面模板 function openSelectAdmin(){ var reval=window.showModalDialog("${ctx}/page/selectadmin/admin_select.jsp","","dialogHeight=400px...2008-09-11 17:26:56 · 351 阅读 · 0 评论 -
js实现的tab
js实现的tab2009-09-16 15:09:19 · 63 阅读 · 0 评论 -
动态操作表格,复选框,模态对话框传递总结(精华版)
1.req_add.html[code="java"]填写A端申请信息 function addA() { var reval=window.showModalDialog("req_add_a.html", ["100","200"],"dialogHeight=400px; dialogWidth=650px;status=no")...2009-03-21 16:43:36 · 132 阅读 · 0 评论 -
checkbox选中/取消选中后动态填充到表格中
[code="java"]function confirmSelect(){ window.parent.dialogArguments[0].style.display='block'; window.parent.dialogArguments[1].style.display='block'; window.close();} v...2009-03-19 21:50:16 · 239 阅读 · 0 评论 -
单选下拉列表/多选下拉列表示例
[code="java"]单选下拉列表/多选下拉列表示例 function test1(obj) { var boxs=document.forms[0].month1.options alert(boxs[obj].value);//打印列表中被选中的值 } function test2(obj){ var boxs=d...2008-08-08 10:33:04 · 516 阅读 · 0 评论 -
javascript中的全选和反选示例
[code="java"]全选框/反选框示例 function test() { var boxs=document.forms[0]['id']; for(var i=0;i2008-08-08 10:05:09 · 89 阅读 · 0 评论 -
css中display和visibility的区别
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置...原创 2008-08-06 09:39:54 · 62 阅读 · 0 评论 -
两个多选列表中的值互移
1. html代码:[code="java"] function checkForm(){ var onRight=document.forms[0].rightItem; alert(onRight.options.length); for(var i=0;i2008-07-26 09:29:49 · 123 阅读 · 0 评论 -
控件下方弹出操作层窗口(交换系统信令增加选择时隙例子)
控件下方弹出操作层窗口(交换系统信令增加选择时隙例子)2009-04-07 16:18:33 · 58 阅读 · 0 评论 -
类似google搜索自动显示搜索结果例子
[code="java"]网元选择 function searchNe() { clearTable(); var tb=document.getElementById("neList"); var nename=document.all.neName.value; if(nename!="") ...2009-04-09 10:09:43 · 89 阅读 · 0 评论 -
js实现的map
[code="java"]/** * js实现的map * Author:penghuaiyi * Date:2009-06-04*/ //定义map function Map() { this.container = {}; } //将key-value放入map中 Map.prototype.put = function(k...2009-06-04 15:54:03 · 58 阅读 · 0 评论 -
select多选列表上移,下移,移出示例
1.portSelect.html(自己写的)[code="java"] var fnCheck=function(obj){ var oSelect=document.getElementById("ports"); if(obj.checked) { oSelect.o...2009-05-20 11:43:49 · 159 阅读 · 0 评论 -
JS动态操作select总结
var objSelect=document.getElementById("aSelectId");1 检测是否有选中 if (objSelect.selectedIndex > - 1 ) { // 说明选中 } else { // 说明没有选中 } 2 删除被选中的项 objSelect.options[objSelect.selectedIndex]...2009-05-06 10:54:32 · 77 阅读 · 0 评论 -
JavaScript动态的为元素添加事件
Javascript为元素动态的添加事件包括两种情况:不带参数的事件和带参数的事件。一、不带参数的事件:两种方式:直接给对象添加事件,节点添加事件例如给一个id为tab1的添加onclick事件第一种情况:var t = document.getElementById("NewTitle");t.onclick = function showmsg(){ ...原创 2009-05-06 10:25:11 · 77 阅读 · 0 评论 -
获取form表单元素值的4种方式
[code="java"] function checkForm(){ var name=document.form1.number.value; //or form1.number.value var name=document.forms[0].number.value; var name=document.forms[0]['number'].va...2008-11-04 16:35:20 · 2173 阅读 · 1 评论 -
比较好用的日期控件
比较好用的日期控件2008-11-01 12:00:27 · 69 阅读 · 0 评论