javaScript - 随笔分类 - sp2012

JavaScript实现父子两个窗口之间互相通信

摘要：JavaScript里面的Dom编程里面的window对象有很多的方法能实现很多特殊的效果，下面我们来列举一些方法，然后做出一个小案例，就是使用Window对象的opener方法实现父子两方的窗口的对话!首先是父窗口的代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test4.html</title> <meta http-equiv="keywords" con 阅读全文

posted @ 2012-04-22 19:04 sp2012 阅读(1310) 评论(0) 推荐(0)

使用dtree创建动态树型导航栏

摘要：树形导航栏应该是非常常见和经典的结构，但是一般项目中都会使用动态的树形结构，也就是这个结构可以根据你的要求动态的增加或者减少，而且所有的内容都是通过读取数据库得到，下面我们来做一个这样的例子。首先需要下载dtree，这个网上非常多，随便下载。解压后里面有dtree.js和dtree.css，还有img这三个文件就够了，导入到你的工程目录下面。然后就是使用了。既然是动态树形结构，首先需要常见数据库表，下面我把我常见的表结构看一下CREATE TABLE `treeinfo` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `nodeid`... 阅读全文

posted @ 2012-04-14 16:42 sp2012 阅读(1242) 评论(0) 推荐(0)

JavaScript访问控制外部CSS并判断浏览器版本

摘要：其实很多或者说大部分CSS文件对网页的描述都是以外部CSS的身份出现的，所以当需要做一些需要JS改变CSS而出现的动态效果的时候，JS不得不去访问外部CSS，下面我们就来探讨一下JS访问外部CSS的例子。这个例子就是点击按钮触发事件来改变DIV的背景颜色。首先请看CSS文件.style1{ width: 400px; height: 500px; background-color: red; }然后是HTML文件<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> 阅读全文

posted @ 2012-04-10 13:39 sp2012 阅读(476) 评论(0) 推荐(0)

js代码收藏三：My97DatePicker日期选择的限制

摘要：两个日历控件，开始日期、结束日期。如果开始日期大于系统时间，则结束日期只需要大于开始日期。如果开始日期小于系统时间，则结束日期需要大于系统时间和开始日期。<tr bgcolor="#FFFFFF"> <td nowrap colspan="1"><strong>免评有效期：</strong></td> <td colspan="5"> 从 <input type="text" id="operate_stime" cl 阅读全文

posted @ 2012-04-09 09:39 sp2012 阅读(3603) 评论(2) 推荐(0)

JavaScript事件编程入门案例和对对象属性的遍历

摘要：JavaScript是基于时间驱动机制的，所以说很多很多方法也就是function是可以监听事件或者他的返回值然后对他的返回值或者方法进行反应，这就是事件驱动机制。下面我们以一个例子来说明，这个例子是在界面画一个div然后根据两个按钮来实现对这个div的背景颜色进行调整，但是我做这个东西的时候很悲催的遇见了一个问题，就是无论怎么调试都无法在内部CSS也就是style的情况下改变他的背景颜色，最后发现原来在js 里面背景颜色不是bg-color而是bgColor，真是恶心。请看例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tran 阅读全文

posted @ 2012-04-08 20:43 sp2012 阅读(180) 评论(0) 推荐(0)

项目中用javascript操作DOM遇到的问题

摘要：调用项目中已有的js，将表格的的样式设置成间隔行显示不同的颜色。如下图：代码如下：<body class="shadow_bg02" onload="initialize(document.getElementById('list_table'));"><div class="DIVoverflow"> <table id="list_table" border="0" cellpadding="0" cellspacing=&q 阅读全文

posted @ 2012-04-05 10:42 sp2012 阅读(260) 评论(0) 推荐(0)

JavaScript的多态经典案例

摘要：JS的面向对象编程特性的另外一个就是多态性，这个多态性可以是JS这样的弱数据类型语言的强项。几乎是天然支持的。而且对于代码的移植和继续开发以及代码的冗余有非常大的好处，下面我们来看一个例子，代码如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test2.html</title> <meta http-equiv="keywords" content="ke 阅读全文

posted @ 2012-04-04 19:58 sp2012 阅读(303) 评论(0) 推荐(0)

JavaScript的继承方法

摘要：JavaScript是面向对象的语言，所以我们可以说，JS是可以继承的，但是它是一种动态语言，所以他的继承肯定和其他的语言不同，下面我们来说一下JS的对象继承机制。先看一下代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test1.html</title> <meta http-equiv="keywords" content="keyword1,key 阅读全文

posted @ 2012-04-04 18:47 sp2012 阅读(195) 评论(0) 推荐(0)

JavaScript中的类添加通用方法

摘要：首先说明一点，JavaScript 不支持函数的重载，如果右多个函数名相同，它自己会调用距离他最近的那个，也就是最后的那个函数，这个JS不支持函数重载的现象的东西需要特别的注意。直接定义一个函数或者变量，他们是属于全局函数或者全局变量，本质上他们是属于window对象的。然后还有对于JS中内置的对象，我们可以为他们提供一个通用的方法，这样就不需要专门写了。代码如下//我们可以给类添加方法 var i = new Number(10); Number.prototype.add=function(a){ return this+a; } window.alert(i.add(20... 阅读全文

posted @ 2012-03-29 10:58 sp2012 阅读(361) 评论(0) 推荐(0)

JavaScript中的this关键字介绍

摘要：JavaScript其实一门基于或者说是面向对象的语言，这样的话，this这个关键字，在类的内部就显得尤为重要，当创建一个类的时候，如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数，这个this关键字这是最好的方式。当然，既然是面向对象的语言，必然存在访问权限的问题，这里也和this关键字息息相关。下面我们来演示一个例子来说明一下这个类的访问权限的问题. //Person类 function Person(){ var name="abc";//var声明的都是类内部的私有变量，外部无法访问 var age = 20; this.name2="ed 阅读全文

posted @ 2012-03-28 21:49 sp2012 阅读(231) 评论(0) 推荐(0)

JavaScript的可变参数介绍

摘要：由于JavaScript是动态语言，所以JavaScript对可变参数的支持是天生的，下面我们来弄一个实例来说一下，使用一个函数，接受多个参数，然后计算所以传入的参数的和。很简单。看代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test6.html</title> <meta http-equiv="keywords" content="keyword1 阅读全文

posted @ 2012-03-25 22:01 sp2012 阅读(2582) 评论(0) 推荐(0)

js代码收集(2)_下拉列表

摘要：下拉列表：得到选中的菜单，以及菜单的内容var selectIndex = document.getElementById("approveWordInfo").selectedIndex;//获得是第几个被选中了 var selectText = document.getElementById("approveWordInfo").options[selectIndex].text 当下拉列表的属性为disabled时，是得不到value值的<c:if test="${accountTypeName eq '下游' }& 阅读全文

posted @ 2012-01-13 13:13 sp2012 阅读(111) 评论(0) 推荐(0)

js代码收集(1)_隐藏div、table间隔样式设置

摘要：切换按钮并且隐藏divfunction hiddenObject(arg){ var obj; if(arg instanceof Object){ obj = arg; } else { obj = document.getElementById(arg); } var url = window.event.srcElement.src; if(obj.style.display == "" || obj.style.display == "block"){ obj.style.displa... 阅读全文

posted @ 2011-12-29 11:03 sp2012 阅读(402) 评论(0) 推荐(0)

DOM学习笔记(一)

摘要：DOM即Document Object Model（文档对象模型），将HTML文档表示成一棵对象树，文档里面的嵌套标签则表示成对象树上面对象的继承关系。对象树上面的任何对象都表示HTML的一个节点Node.在DOM中常用的Node类型有4种element nodes (HTML tags)、attribute nodes、 text nodes、document node 。element nodes即基本的HTML标签，attribute node即标签中的属性，例如align属性，text node即文本如<p>this is a text node</p> 中的阅读全文

posted @ 2011-10-27 11:57 sp2012 阅读(230) 评论(0) 推荐(0)

在线考试的剩余时间显示问题（JavaScript）

摘要：最近在做一个网上考试系统，刚开始就遇到一个问题：如何显示考试的剩余时间？如果考生不刷新页面那是相当的简单，只要一个js函数就能搞定。关键考生随时可能刷新。我是采用cookie解决这个问题的，希望给遇到同样问题的同学一个帮助。不说了，直接贴源代码：<html><head><title>网页上在线考试时间</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><mce:script language= 阅读全文

posted @ 2011-06-20 15:13 sp2012 阅读(478) 评论(0) 推荐(0)

随笔分类 - javaScript