JavaScript
关注
分享
扫一扫
文章平均质量分 79
lishushan
这个作者很懒，什么都没留下…
展开
-
javascript面向对象之一 类
javascript中的类多数是用函数function表示的，当然后来大多采用了json格式的定义。javascript中的类是用函数function表示的，如下：function Student() { //定义类Student中的字段，并赋予初值，但此字段的访问权限是public this.studentNo = 's001'; this.studentName = '小...原创 2011-06-06 16:46:51 · 156 阅读 · 0 评论 -
汇总让IE6崩溃的几种方法
经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章，数字生活整理整理发上来，以后开发的时候要注意了。鉴于国内IE6的市场份额还在主流的情况，一定要避免出现以下情况。IE6真脆弱啊1.设置scrollbar-base-color，css里给table做了定位，再通过js改变其定位IE6就崩溃了。关键代码：<style type="text/css"> htm...原创 2010-07-20 16:25:47 · 151 阅读 · 0 评论 -
JavaScript中的Timer是怎么工作的
作为入门者来说，了解JavaScript中timer的工作方式是很重要的。通常它们的表现行为并不是那么地直观，而这是因为它们都处在一个单一线程中。让我们先来看一看三个用来创建以及操作timer的函数。 var id = setTimeout(fn, delay);——初始化一个单一的timer，这个timer将会在一定延时后去调用指定的函数。这个函数（setTimeout）将返回一个唯一的ID，我...2010-05-03 12:29:08 · 184 阅读 · 0 评论 -
JS添加事件处理函数
作为一种事件驱动的编程语言，Js的程序很少主动执行，一般都是由一些事件触发，像click，dblclick，keypress，mousemove等事件，然后执行一段脚本。给一个事件指派一个处理函数，一般称做：注册事件处理函数。 比如页面上有一个p元素： <p id=’lethe’>测试一下</p> 我们用 x = document....原创 2010-07-08 23:41:44 · 105 阅读 · 0 评论 -
Javascript 如何实现对象的拖动？
解决思路 这个效果并不算常见，通常用于游戏或个人站点中。因为拖曳是靠鼠标来操作的，所以对鼠标的位置的捕获是问题的重点，然后才是根据鼠标的位置设置层的位置。 具体步骤： 1.在对象(层)上按下鼠标时，先捕获到需要拖曳的对象，然后获取或设置该对象的相关属性。 obj=event.srcElement obj.setCapture() z=obj.style.zIndex obj.styl...原创 2010-01-25 13:22:22 · 107 阅读 · 0 评论 -
JavaScript操作Table:添加、修改、删除Table元素
方法一：DOM实现 //先获取该表格的引用:var Container = document.getElementById(TableId);//然后创建行(TR对象)var NewTr = document.createElement("tr");//填充该表格行var NewTd1 = document.createElement("td");var NewTd2 = document.c...原创 2010-01-24 22:24:02 · 147 阅读 · 0 评论 -
一个通用的JavaScript分页
1.JavaScript代码Pagination=function(id){ var totalNum=0; var maxNum=10; var pageUrl=""; var breakpage = 5; var currentposition = 0; var breakspace = 2; var maxspace = 4; var cur...原创 2010-01-24 22:22:29 · 75 阅读 · 0 评论 -
JavaScript中基于类的继承
JavaScript中基于prototype的继承机制可以很好地工作，但是对于一些已经习惯于C++和Java等语言中基于类的继承机制的人来说，JavaScript的prototype继承机制不是一种自然的编程方法。如果你不想用基于prototype的继承，而想用一种基于类的继承方法，那就继续读下去吧。Netscape的Bob Clary[4]也提出了一个方法，它可以使一个对象使用一个通用的脚本...原创 2010-01-22 14:21:05 · 92 阅读 · 0 评论 -
javascript拖动小例子
<html> <head> <meta http-equiv="Content" content="text/html;chartset=utf-8"> <title>test drag</title> <style type="text/css"> &原创 2010-01-20 13:01:56 · 92 阅读 · 0 评论 -
JavaScript利用ActiveX导出Excel,Word
<HTML> <HEAD> <title>WEB页面导出为EXCEL文档的方法 </title> </HEAD> <body> <BR> <table id = "PrintA" width="100%" bor原创 2010-01-20 13:00:05 · 102 阅读 · 0 评论 -
使用 JavaScript 获取 table 行号和列号
怎样获取预定义的table的行号和列号呢？很简单，只需要了解table的几个属性值用法即可。Table的总行数可以通过标记“tr”得到，但是table的列数却不能直接获取，它需要借助rows通过标记“th”和“td”得到。 为了更直观，下面以示例来说明如何得到行号和列号。点击Id为'MyTable'的表格的任意单元时，返回该单元的行号和列号！示例代码如下：function getRowA...原创 2010-01-20 12:57:46 · 334 阅读 · 0 评论 -
合并一个表格里面内容相同的单元格 js
<script> function MergeCellsVertical(tbl, cellIndex) //相同数据上下合并 { if (tbl.rows.length < 2) return; var i, j; var last = tbl.rows(0).cells(cellIndex).innerHTML; var lastInd...原创 2010-01-20 12:56:14 · 130 阅读 · 0 评论 -
javascript中如何获取表格中的当前行号
<table width="100%" border="1"> <tr onclick=alert(this.rowIndex)> <td>&nbsp; </td> </tr> <tr onclick=alert(this.rowIndex)>原创 2010-01-20 12:51:41 · 466 阅读 · 0 评论 -
点击表格中某一行中的某个单元格中的超链接/按钮，如何获取当前行号？
我用html做了一个表格，表格的特点如下： 表格的行代表一个对象，表格的列代表对象的某个属性； 表格第一列是用超链接表示的，表示对象的名称； 我想实现的效果是：点击名称那一列的某个超链接，获取超链接所在的那一行数据进行处理。我的想法是，点击超链接，获取到所在表格的行号，然后就可以对这一行每个单元格进行操作了。现在的问题是，该如何获取超链接所在的行号？ <script language...原创 2010-01-20 12:49:33 · 486 阅读 · 0 评论 -
框架网页折叠条
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <base href="http://10.44.58.167:80/"> <title>My JSP 'midd.jsp' startin原创 2010-01-13 22:47:31 · 120 阅读 · 0 评论 -
window.print() web打印的一些技巧
window.print() 实际上，是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样，不能精确分页，不能设置纸型，套打的问题更加无从谈起，只不过，可以让用户不用去点菜单，直接点击网页中的一个按钮，或一个链接里面调用罢了。事实上，很多用户都是采用这种方式打印，但是这种方式最致命的缺点是不能设置打印参数，比如纸型，页边距，选择打印机等等。 需要指出的是这种方法提供一个打印前和打印后的事...原创 2010-01-13 22:46:30 · 124 阅读 · 0 评论 -
A4纸网页打印中对应像素的设定和换算
最近开发项目时遇到了网页打印的问题，这是问题之二，打印宽度设置在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot Per Inch)指标。 经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpi A4纸张的尺寸是210×297mm，按1英寸=25.41mm换算，即8.264×11.688英寸 所以，A4纸96dpi下的分辨率是794×1123，这就是我们在制...原创 2010-01-13 22:46:02 · 318 阅读 · 0 评论 -
网页的打印控制
1：定义不想打印的控件的样式 <STYLE> @media print { .noprint{display:none} } </STYLE>2：添加打印控制按钮调用的函数<SCRIPT language=javascript> function printsetup(){ // 打印页面设置 wb.exe...原创 2010-01-13 22:45:28 · 153 阅读 · 0 评论 -
IE6的base标签导致页面结构大混乱
这是一个非常隐秘也是非常强大的bug，我真不知微软的IE开发人员是怎么搞出来的。此bug的触发条件是，当页面存在一个自闭合的base节点，它就会把其“下面”所有的元素都拷到它内部。这里的下面非childNodes，children所能描述，它连body节点都能编入其中。<!doctype html> <html> ...原创 2010-07-20 16:27:11 · 164 阅读 · 0 评论 -
腾讯检测 IP 省市的接口
利用 JavaScript 调用。<script type="text/javascript" src="http://fw.qq.com/ipaddress"></script><script type="text/javascript"><!--alert("您的IP：" + IPData[0] + "\r\n原创 2010-05-10 22:26:11 · 174 阅读 · 0 评论 -
javascript面向对象之二 命名空间
javascript中本没有命名空间的概念，但是要体现面向对象的思想，应当有命名空间，就像java中的package，.net中的namespace一样，作用主要为了防止类名冲突，相同的类名只要属于不同的命名空间，便不会冲突。 最简单创建命名空间的方法：var java = {};java.util = {};//这样就创建成功了命名空间：java.util //我们可以在...原创 2011-06-06 16:24:42 · 193 阅读 · 0 评论 -
网页特效代码
1. Flip! 一个 jQuery 插件http://lab.smashup.it/flip/2. jQuery Quicksand 插件http://razorjack.net/quicksand/3. jQuery ImageFlow 插件http://imageflow.finnrudolph.de/ http://www.niutuku.com/js/j...原创 2011-06-01 16:38:11 · 178 阅读 · 0 评论 -
js 操作select 大全
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中val...原创 2010-11-04 13:49:59 · 111 阅读 · 0 评论 -
Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能
http://www.iteye.com/topic/480062http://sun-gufeng-126-com.iteye.com/blog/653327MC.Dialog ::: http://www.iteye.com/topic/652192 zcms.Dialog::: http://www.ydaima.com/js/zDialog/zDialog.rar lhgdi...原创 2010-11-03 13:05:23 · 225 阅读 · 0 评论 -
IE6对display:table-row不支持
http://topic.youkuaiyun.com/u/20100707/16/324766d2-985a-4f01-8728-7d0bbd97d86b.html做表格之间的切换 发现一个问题 切换用的是display的none和table属性IE6里却不支持display:table属性如果用display:block或其它的值 就造成表格的原有属性丢失了 更麻烦有什么办法解决没 不然的话我就剩判断...原创 2010-11-02 19:34:49 · 192 阅读 · 0 评论 -
js压缩工具
javascriptcompressor.com （在线压缩） shrinksafe.dojotoolkit.org （在线文件压缩） dean.edwards.name/packer （在线压缩） YUI Compressor （使用命令行来压缩，需要JAVA虚拟机来运行压缩程序） JSmin （提供下载，非常好用） 强烈推荐JSmin，服务的很...原创 2010-07-04 23:50:49 · 104 阅读 · 0 评论 -
Javascript 中 ShowModalDialog 的使用方法
ShowModalDialog函数的功能： 打开一个子窗口，并且可与父窗口相互传递数据，它与window.open的最大区别就在于由ShowModalDialog打开子窗口后，父窗口将不能操作。 使用方法： vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) 参数说明： sURL 必选参数，类型：字符串。...原创 2010-06-21 16:13:45 · 116 阅读 · 0 评论 -
xtree的基本应用---入门级
由于公司要求做一棵关于公司员工选择的JS控件树，以前我们一直使用的都是dTree,由于没有采用AJAX,服务器在北京的话，使用起来超慢，于是上面要求修改此树，没想到任务落到了我的头上，没办法，硬着头皮做吧。正在我想有什么办法的时候，同事推介用用Xtree,于是我开始去学习这个东东，现在只能是基本应用，也想共享一下自己的学习必得。1、下载：http://webfx.eae.net/dhtml/x...原创 2010-06-21 16:08:26 · 139 阅读 · 0 评论 -
javascript实现上传图片前的预览效果
<script>function yulan(){var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length);fileext=fileext.toLowerCase();if ((fil...原创 2010-06-16 20:35:52 · 163 阅读 · 0 评论 -
重写window.confirm函数
重写window.confirm函数为了让它能够默认选择取消按钮。javascript中window.confirm这个方法很好用，可以弹出一个确认对话框。 但有一个问题是，它默认的情况下，将选中那个"确定"按钮，当用户有意无意的在键盘回车，就是说按下Enter键的时候，就会自动返回true。在很多时候其实我们不希望这样。我们之所以弹出这个对话框，可能就是因为该操作很危险，所以要用...原创 2010-06-12 11:06:50 · 497 阅读 · 0 评论 -
改善window的alert提示信息框样式
<input type="button" value="点击这里" onclick="sAlert('测试效果<br>还可以直接书写HTML代码 <br>&copy; 2006');" /><script type="text/javascript" language="javascript"原创 2010-06-12 11:05:49 · 106 阅读 · 0 评论 -
js实现数据导出成excel
jsp页面数据导出成excel的方法很多，今天介绍一种简单的js方法：function exportExcel() { var winname = window.open('', '_blank', 'top=10000'); //获得页面上需要导出的数据内容 var strHTML = document.all.tableExce...2010-03-01 23:52:49 · 107 阅读 · 0 评论 -
javascript中字符串转化为json对象
http://www.json.org/js.html To convert a JSON text into an object, you can use the eval() function. eval() invokes the JavaScript compiler. Since JSON is a proper subset of JavaScript, the compiler wi...原创 2010-07-30 09:11:28 · 96 阅读 · 0 评论 -
jsgraphics图形库
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm#docujsgraphics图形库基本函数说明设置画笔颜色setColor("#hexcolor");示例：jg.setColor("#ff0000");或jg.setColor("red");如果没有设置画笔颜色，则默认用黑色来画。参数缺少时会出错。参数为非颜色值时也会出错（防错这一块...原创 2010-05-10 22:58:23 · 111 阅读 · 0 评论 -
JavaScript图形库jsGraphics
JavaScript图形库Raphaël < JavaScript图形库jsGraphics > AWT、SWING与SWT、JFACE比较此JavaScript图形库可在网页上动态绘制圆、椭圆、斜线、折线、多边形（包括三角形、矩形）。底层通过创建大量1px*1px的DIV实现，同时对于连续的像素进行了优化，尽量地减少所需的DIV，因此有较好的性能，当然和Java2D、GDI+...原创 2010-05-10 22:57:17 · 283 阅读 · 0 评论 -
千一JS控件
千一JS控件－－滑块条千一JS控件－－进度条千一JS控件－－模态对话框千一JS控件－－三态选择框千一JS控件－－扩展编辑框千一JS控件－－列表框千一JS控件－－查找框千一JS控件－－IP地址控件千一JS控件－－颜色对话框...原创 2010-05-10 22:31:59 · 121 阅读 · 0 评论 -
JavaScript 生成曲线图
引用方法new gov.Graphic(par1,par2,par3); par1 为绘图数据，比如： var data=new period([0,10,22,13,34,25,28,26,30,35,28,34,39,28,26,50,35,28,34,39,55],//y轴数据[188,189,190,191,192,193,194,195,196,197,198,199,200...原创 2010-05-10 22:28:38 · 707 阅读 · 0 评论 -
JavaScript树型菜单——dtree
JS代码很简洁，但是实现了所有树形菜单应有的功能，安装和使用都很简单，特别是从数据库恢复成一棵树变得非常容易。下载包里自带一些常用图标，只需简单的操作，就可以实现看起来相当专业的树形菜单。- 官方网站：http://www.destroydrop.com/javascripts/tree/- 这里下载JS脚本文件包：http://www.destroydrop.com/javascripts/tr...原创 2010-01-13 22:40:51 · 114 阅读 · 0 评论 -
几种浮动广告
</html> <title>制作浮动的广告图片</title> <script language="javascript" type="text/javascript"> var advInitTop=0;//使层总置于顶端的初始值 function move() { wi...原创 2010-01-13 22:39:47 · 181 阅读 · 0 评论 -
一款可以用来实现网页拖拽得HTML代码
<style> .dragTable { border-top: 1px solid #3366cc; margin-bottom: 10px; width: 100%; background-color: #FFFFFF; }td { vertical-align: top; }.dragTR { cursor: move; color: #7787cc; text-...原创 2010-01-13 22:37:02 · 686 阅读 · 1 评论