经验技巧之Javascript
关注
分享
扫一扫
daryl715
我的世界我的梦
展开
-
一段比较实用的JS导航条显隐例子
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">head>meta http-equiv="Content-Type" c原创 2008-05-16 13:43:00 · 3332 阅读 · 1 评论 -
使用window对象实现弹出窗口
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML> HEAD> TITLE> New Document TITLE> META NAME="Generator" CONTENT="EditPlus"> META NAME="Author" CONTENT=""> META NAME="Keywords" C原创 2008-02-18 23:13:00 · 3760 阅读 · 7 评论 -
经典浮动弹窗层
导读： 演示：（因怕本效果与本站相关效果冲突，所以请点击下图在新窗口预览实际效果） 调用方法： 一、下载以下文件到指定文件夹（右击链接并选择“目标另存为”） 二、在网页之间加入以下CSS和Javascript代码 CSS代码 position:absolute width: 400px /*浮动层宽度，如删除本行则为自动宽度*原创 2007-11-22 11:24:00 · 1557 阅读 · 0 评论 -
在水平下拉菜单和垂直下拉菜单之间随意切换的网页换肤程序
导读： 今天终于写完了一个 可以水平下拉菜单和垂直下拉菜单之间随意切换的网页换肤程序,它综合应用了水平下拉菜单,垂直下拉菜单,网页换肤等技巧. 这个程序需要用到三个文件,一个是h.css,用作水平下拉菜单的样式文件,另一个是v.css,用作垂直下拉菜单的样式文件,最后一个就是包含下拉菜单内容的网页文档test.html. test.html文件内容: "http://ww原创 2007-11-20 12:24:00 · 741 阅读 · 0 评论 -
自己对“用不同颜色显示表格奇偶行的例子”扩充了用不同颜色显示鼠标单击的行 - 张孝祥专栏 - 优快云Blog
双色表格CSS实例 .test { background-color:red; } #DataGrid1 tr { background-color: expression( this.sectionRowIndex == 0 ? "#FFCCCC" : ( (this.sectionRowIndex % 2 == 0) ? "#FFF0F0" : "#F0F0FF" ) ); c原创 2007-11-20 12:21:00 · 789 阅读 · 0 评论 -
网上找到一个用不同颜色显示表格奇偶行的例子
导读： 双色表格CSS实例 #DataGrid1 tr { background-color: expression( this.sectionRowIndex == 0 ? "#FFCCCC" : ( (this.sectionRowIndex % 2 == 0) ? "#FFF0F0" : "#F0F0FF" ) ); col原创 2007-11-20 12:18:00 · 750 阅读 · 0 评论 -
用css实现了一个精致的纵向导航菜单
导读： 纵向导航菜单 #course { border-width:0px 1px 1px 1px; border-style:solid; border-color:#f3c3f3; width:120px; } #course dt,#course dd { margin:0; padding:3px; font-si原创 2007-11-20 12:17:00 · 1130 阅读 · 0 评论 -
有趣的JS:一行代码 “偷取所有图片”
原贴地址：http://bbs.51js.com/viewthread.php?tid=651181、一行代码 “偷取所有图片” 试一下下面这行代码能取出所有图片，哈··很好玩吧？··javascript:a=document.body.getElementsByTagName("img");var b="";for(i=0;i";};document.write(b)使用方式：用IE转载 2007-11-20 12:02:00 · 3305 阅读 · 0 评论 -
使用JAVASCRIPT实现动态增加、删除选择项
这是在做现在一个系统的时候需要实现这样的功能时做的，先放在这里，如果以后忘了还可以到这里来找找，有些时候还就记得有些东西写过，不过因为一段时间的原因，忘记了，如果再去翻原来的程序那无疑是很大的工作量。这个主要的实现使用JAVASCRIPT实现动态增加、删除选择项，可以用到如文件上传，需要一次性上传多个文件或者是发送邮件时附件允许多个一样，并且可以实现动态增加、删除，原理一样，如果需要，将本程序转载 2007-11-20 11:58:00 · 950 阅读 · 0 评论 -
在javascript中调用java
导读： 在JavaScript中调用Java 很多人都希望能够在JAVASCRIPT中展现中JAVA的功能，因为如果能够这样的话，那么网络程序就会给人更加的生命力。我也希望这样，前面有个程序就希望有这样的功能，可是就是不能够实现，今天在网上找到一些，虽然不能够全部解决问题，部分解决是绝对能够办到的，可以有以下几种方式能够实现在JavaScript中调用Java，所有示例来源于原创 2007-11-20 11:57:00 · 752 阅读 · 0 评论 -
用框架的一个右面页面去刷新框架的左面页面，实现像outlook打开信件后信件数减一的效果
导读： 在一个框架页面中，假如分为左右两部份，名称分别为“left”，“right”，如在右部框架进行了操作，如删除某条记录后，我们要在删除返回显示该页面的同时，刷新左面的框架，就像outlook中读邮件一样，读了一封，那么未读邮件就少一封一样。 在返回页面的之间加上如下代码： //从当前页面刷新框架中另一页面 parent.window.frames["lef原创 2007-11-20 11:56:00 · 734 阅读 · 0 评论 -
想知道优快云的评论一提交上去就显示出来的AJAX是怎么实现的吗！！
导读： 在没有学AJAX之前，很多简单的AJAX效果在我看来都是非常的神秘，在写了这篇文章：Ajax的JSP示例以及相关知识介绍，适合于入门者之后，很多的神秘感一下就消失，加上自己的程序经验，很多的东西，联想一下就可以做出其它你想要的效果，下面我举个类似于优快云的评论效果的实例，其实就是在Ajax的JSP示例以及相关知识介绍，适合于入门者这篇文章的基础之加略略加工就可以了，如果你是刚原创 2007-11-20 11:52:00 · 766 阅读 · 0 评论 -
利用innerHTML实现隐显效果-两种实现方法
导读： 最近对JavaScript非常感兴趣，可能因为是它和JAVA差不多吧。原来看到一些网页上的隐显效果，心理面真是佩服，心想自己能够做就爽了。现在对innerHTML有一点的了解，做这个东西就相对简单了，下面就是我自己弄来玩的一个例子，我相信你看了过后，如果你原来也没有做过，那我保证你说“原来这么简单！！！”： 这里要补充说明一点，就是不同的浏览器对Javascript的支持不原创 2007-11-20 11:52:00 · 1085 阅读 · 0 评论 -
DOM遍历API使用(IE6及以上不支持)
if(document.createTreeWalker)...{ function myFilter(n)...{return NodeFilter.FILTER_ACCEPT;} var myWalker=document.createTreeWalker(document.documentElement,NodeFilter,SHOW_ALL,myFilter,false);}f原创 2008-01-30 23:58:00 · 3957 阅读 · 1 评论 -
超级实用且不花哨的js代码大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event转载 2007-12-04 09:14:00 · 21655 阅读 · 1 评论 -
常用javascript客户端正则输入校验代码
去前后空格function trim(s) { return s.replace( /^s*/, "" ).replace( /s*$/, "" ); } if (!/^w{4,25}$/.test(username)) { errStr += " 您的用户名必须是字母和数字，且长度在4到25之间";}if (!/^w{4,25}$/.test(pass)){原创 2008-02-29 16:44:00 · 1177 阅读 · 0 评论 -
javascripot div登陆提示框
html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>greencss.comtitle>script type="text/javascript">...function sAlert(str,stitle)...{var msgw,msgh,bordercolor;ms转载 2008-04-22 11:10:00 · 2609 阅读 · 0 评论 -
select覆盖div的解决方案
-----在前加入上面的语句虽说div直接盖不住select但是div可以盖iframe，而iframe可以盖select,所以，把一个iframe来当作div的底，这个div就可以盖住select了.原创 2008-04-18 00:09:00 · 1862 阅读 · 0 评论 -
Javascript可拖动的模式窗口
虽然JQuery有很多类似的插件，我也试过好多个，一直都没有找到一个适合自已的，总是感觉使用不能满足我的要求。Javascript的浮动窗口已经是很老的应用，但网上很少有兼容性很好，使用又方便的功能，有的往往只是支持IE，而且问题多多，不方便应用到具体的项目中。最近我的项目里面又需要用到这个东西，以前自已都是直接写脚本来实现，但这次用到的地方比较多，所以只有写成一个插件的型式以方便多个地方调用。这转载 2008-04-17 18:00:00 · 2944 阅读 · 2 评论 -
使用DOM模拟inserAfter函数
DOM只提供了insertBefore函数，确没有提供insertAfter函数，但我们可以模拟function insertAfter(newElement,targetElement){ var parent=targetElement.parentNode; if(parent.lastChild==targetElement){ parent.appendChild(原创 2008-04-10 15:16:00 · 2192 阅读 · 0 评论 -
javascript中存在几种对URL字符串进行编码的方法
javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。 escape() 方法： 采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制原创 2008-01-17 00:24:00 · 957 阅读 · 0 评论 -
批量处理页面加载后执行得javascript函数
function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!=function){ window.onload=func; }else{ window.onload=function(){ oldonload(); func();原创 2008-04-07 10:49:00 · 1826 阅读 · 0 评论 -
js刷新框架子页面的七种方法
下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。其中framedemo.html由上下两个页面组成，代码如下： frameDemo 现在假设top.html即上面的页面有一个button来实现对下面页面的刷新，可以用以下七种语句，哪个好用自己看着办了。语句1. window.parent.frames[1].lo原创 2008-01-09 12:40:00 · 2332 阅读 · 0 评论 -
Javascript实现页面跳转的几种方式
第一种：window.location.href="login.jsp?backurl="+window.location.href; 第二种：alert("返回");window.history.back(-1);第三种：window.navigate("top.jsp");第四种：self.location=top.htm;第五种：alert("非法访问！原创 2007-12-29 13:07:00 · 1164 阅读 · 0 评论 -
IE设置主页
aaa原创 2008-03-11 22:45:00 · 1050 阅读 · 0 评论 -
corner.js & greybox.js
最近的任务是改bug,空闲时间比较多,看了两个js文件,在我们做的项目中试验了下,感觉挺好的,原先对js一点不感兴趣,现在发现js有时候的效果真的很牛,记录一下.自己现在只是知道怎么应用这两个js而已.corner.js:allows you to add corners (and also shading and shadow) to images on your webpages (alt原创 2007-12-21 14:45:00 · 1378 阅读 · 0 评论 -
IE中实现图片的拖拽
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML> HEAD> script language="javascript">... function moveImage()...{ if(window.event.button!=1)...{ return; }原创 2008-03-12 22:40:00 · 6343 阅读 · 9 评论 -
在html中include一个文件内容
在html文件引入其它html文件的几种方法简介：在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！ 1.IFrame引入，看看下面的代码 [代码] > 你会看到一个外部引入的文件，但会发现有一原创 2007-12-11 17:28:00 · 1099 阅读 · 0 评论 -
常用的107条Javascript
1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getEl原创 2007-12-14 00:27:00 · 3054 阅读 · 2 评论 -
使用Javascript动态增加，删除表格（使用W3C对象模型）
html>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />head>script language="javascript"> function deleteRow(index){ var tableObj=document.getElementById("mainBody"); var ro原创 2008-02-01 23:22:00 · 1331 阅读 · 2 评论 -
使用Javascript动态增加，删除表格（使用DHTML对象模型）
此种方式只能删除表格的最后一行，如果需要删除指定行，需要使用W3C的对象模型，因为每次删除完表格行后，其他使用DHTML对象模型的行的index都会重新变化，也就是说我原来有5行0,1,2,3,4 删除第3行是没有问题的，但删除后原来序号为4的行，就变成3了，使用deleteRow(4)就会报错 html>meta http-equiv="Content-Type" content=原创 2008-02-01 23:00:00 · 4302 阅读 · 4 评论 -
固定表头带滚动条的HTML表格
商场本月销售统计表 商品名 上旬 中旬 下旬原创 2007-11-14 09:35:00 · 15045 阅读 · 1 评论 -
获得select内容而不是value值
function geturl(selurl){ alert(selsite.options[selsite.selectedIndex].innerText); alert(selsite.options[selsite.selectedIndex].value);}无标题文档 http://www.qq.com" >www.QQ.com http://rtx.tenc原创 2007-04-10 10:14:00 · 1708 阅读 · 0 评论 -
spring 中加载xml配置文件的方式.
spring 中加载xml配置文件的方式,好像有3种, xml是最常见的spring 应用系统配置源。Spring中的几种容器都支持使用xml装配bean，包括： XmlBeanFactory ， ClassPathXmlApplicationContext ， FileSystemXmlApplicationContext ， XmlWebApplicationConte原创 2007-07-07 22:12:00 · 987 阅读 · 0 评论 -
div的visibility和display属性区别
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="vis原创 2007-07-02 13:21:00 · 1678 阅读 · 0 评论 -
使用javascript+正则表达式判断输入日期是否为yyyy-mm-dd
//函数名：CheckDateTime //功能介绍：检查是否为日期时间 function validate(str){ if(!/^19/d/d-[0-1]/d-[0-3]/d+$/.test(form.birth.value)&&!/^20/d/d-[0-1]/d-[0-3]/d+$/.test(form.birth.value)){ alert(原创 2007-04-04 16:06:00 · 2980 阅读 · 0 评论 -
用javascrip格式化金额（1,100,11）
html> head> script language="javascript">... function outputMoney(number) ...{ if(number0) return -+outputDollars(Math.floor(Math.abs(number)-0)原创 2007-04-03 22:29:00 · 1165 阅读 · 0 评论 -
使用javascript+正则表达式判断输入是否为整数
if(!/^/d+$/.test(form.age.value)){ errorStr="......"}原创 2007-04-04 15:45:00 · 1443 阅读 · 0 评论 -
用js格式化数字(可用于金额的处理)
用js格式化数字 function FormatNumber(srcStr,nAfterDot) //nAfterDot小数位数 { var srcStr,nAfterDot; var resultStr,nTen; srcStr = ""+srcStr+""; strLen = srcStr转载 2007-04-03 22:19:00 · 3432 阅读 · 0 评论 -
window.open方法中的数值传递
功能，把子页面的数值传递到父页面中Parent..htmDOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">html>head>script language="JavaScript">... function showchild()...{ window.open("child.htm","mywin",原创 2007-01-18 12:41:00 · 1318 阅读 · 0 评论