JavaScript
文章平均质量分 73
Bird
这个作者很懒,什么都没留下…
展开
-
JavaScript最简单案例
JavaScript是一个功能很强大的脚本语言,这一点众所周知。所以现在开始学习一下基本的JavaScript,算是Web前 段的初体验吧。 首先说,JavaScript是执行在浏览器客户端的脚本程序,是由内嵌在浏览器里面的JavaScript解释器来解释运行 的。而且JavaScript是一种弱数据类型脚本,所有的变量都是使用var来提示,并且具体的类型是由不同的浏览器来具体 指定的。当原创 2012-03-05 17:00:56 · 2308 阅读 · 0 评论 -
JavaScript实现动态的表格效果
在网页的表格效果中,有一种效果是非常漂亮的,就是仅仅使用JavaScript配合HTML完成的网页的表格的动态增加 和减少或者删除的效果,这样的效果能让人感觉到网页的动态效果非常好,以后可以作为一个项目模版拷贝使用。 下面我们就来实现这样的一个简单的效果,主要是根据不同的按钮实现增加表格的一行或者删除表格的一行或者遍历表 格这样的效果。下面请看代码 table.html原创 2012-05-05 14:20:20 · 2568 阅读 · 1 评论 -
仿sohu频道切换效果
经常上网的时候我们能注意到一个东西,那就是类似搜狐网易等等门户网站的频道切换效果,这个效果即好看又不 占用地方而且动态效果好,是一个很好的东西,所以今天打算模拟一下这个效果。大概用到的东西就是 HTML+CSS+JavaScript。 好了,废话不多说,直接上代码,首先是HTML代码 souhu.html function change(val,obj原创 2012-05-01 20:43:50 · 1946 阅读 · 0 评论 -
JavaScript动态增加节点和删除节点
其实HTML就是类似于XML,曾经W3C希望使用XML替代HTML,这就是说明,HTML和XML还是有一定的共同特点 的,所以说,对于XML,我们有解析和动态增加或者减少节点的功能,这个如果用在HTML上面,那就是能动态的增加 一些按钮,超链接等等的HTML元素,这样的网页动态效果会更好,下面我们来一个小例子说明一下,这个例子能动态 的增加一些按钮和动态的删除一些按钮.代码如下原创 2012-04-30 19:14:18 · 9850 阅读 · 0 评论 -
JavaScript事件的绑定与取消和事件监听
很多情况下,比如我们想对一个文本框或者按钮进行事件绑定的时候,一般直接在他上面写上什么onclick等等的事 件,但是对于这样的时间的去除,比如希望一个按钮在这里仅仅按下一次,然后再次按下的时候就不能有什么效果了, 这就需要对事件 的监听和绑定还有取消实行动态的机制,下面我们来演示一个小例子来说明一下事件的绑定和取消机 制/ test6.html function原创 2012-04-30 16:03:46 · 8263 阅读 · 1 评论 -
使用dtree创建动态树型导航栏
树形导航栏应该是非常常见和经典的结构,但是一般项目中都会使用动态的树形结构,也就是这个结构可以根据你的 要求动态的增加或者减少,而且所有的内容都是通过读取数据库得到,下面我们来做一个这样的例子。 首先需要下载dtree,这个网上非常多,随便下载。解压后里面有dtree.js和dtree.css,还有img这三个文件就够 了,导入到你的工程目录下面。然后就是使用了。既然是动态树形结构,首先需要原创 2012-04-14 16:42:30 · 1937 阅读 · 0 评论 -
JavaScript访问控制外部CSS并判断浏览器版本
其实很多或者说大部分CSS文件对网页的描述都是以外部CSS的身份出现的,所以当需要做一些需要JS改变CSS而 出现的动态效果的时候,JS不得不去访问外部CSS,下面我们就来探讨一下JS访问外部CSS的例子。 这个例子就是点击按钮触发事件来改变DIV的背景颜色。首先请看CSS文件 .style1{ width: 400px; height: 500px; background-color原创 2012-04-10 13:39:44 · 1212 阅读 · 0 评论 -
JavaScript事件编程入门案例和对对象属性的遍历
JavaScript是基于时间驱动机制的,所以说很多很多方法也就是function是可以监听事件 或者他的返回值然后对他的 返回值或者方法进行反应,这就是事件驱动机制。下面我们以一个例子来说明,这个例子是在界面画一个div然后根据两 个按钮来实现对这个div的背景颜色进行调整,但是我做这个东西的时候很悲催的遇见了一个问题,就是无论怎么调试都 无法在内部CSS也就是style的情况下改变他的背原创 2012-04-08 20:43:57 · 1216 阅读 · 0 评论 -
使用JavaScript完成最简单加密解密和模仿QQ的窗口抖动效果
众所周知,在计算机里面,字符串都需要编码,在非英文字符都需要一个专门的编码方式,我们可以利用这种方式来 做一个简单的加密解密小程序。 这里使用JavaScript里面自带的escape函数,这个函数接受一个字符串,然后返回百分号加上Unicode字符集的编 码,然后unescape函数正好相反,就是接受这些乱码,然后翻译成中文。 代码如下 最简单的加密与解密原创 2012-03-21 19:28:39 · 1546 阅读 · 0 评论 -
使用JavaScript进行表单必填项目验证和改进
在网页提交表单的呃时候,往往需要进行表单的必填项进行验证,下面我们以两个例子来写一下对表单的必填项进行 认证的两个例子,第二个例子是对第一个例子进行的改进。 首先是最基本的最简单的表单必填项的实例代码 确认表单必填项完整性 function $(str){ return (documen原创 2012-03-20 19:55:18 · 9973 阅读 · 0 评论 -
JavaScript的多态经典案例
JS的面向对象编程特性的另外一个就是多态性,这个多态性可以是JS这样的弱数据类型语言的强项。几乎是天然支 持的。而且对于代码的移植和继续开发以及代码的冗余有非常大的好处,下面我们来看一个例子,代码如下 test2.html function Master(){ //主人类,给动物喂食 this.fe原创 2012-04-04 19:58:37 · 1730 阅读 · 2 评论 -
JavaScript的继承方法
JavaScript是面向对象的语言,所以我们可以说,JS是可以继承的,但是它是一种 动态语言,所以他的继承肯定和 其他的语言不同,下面我们来说一下JS的对象继承机制。 先看一下代码 test1.html function Stu(name,age){ this.name = name; this原创 2012-04-04 18:47:19 · 966 阅读 · 0 评论 -
JavaScript获取外部CSS属性方法介绍
在HTML代码中,如果对于一个标签,你在其中写上style属性对其进行描述,这样的话,使用JS获取他的属性只需 要div.style.height就可以了。但是对于外部CSS就不能了,下面介绍外部CSS属性获取方法。 CSS如下 #div1{ width: 500px; height: 200px; background-color: pink; } HTML如下原创 2012-04-03 16:40:54 · 1859 阅读 · 0 评论 -
JavaScript中的类添加通用方法
首先说明一点,JavaScript 不支持函数的重载,如果右多个函数名相同,它自己会调用距离他最近的那个,也就是最 后的那个函数,这个JS不支持函数重载的现象的东西需要特别的注意。 直接定义一个函数或者变量,他们是属于全局函数或者全局变量,本质上他们是属于window对象的。 然后还有对于JS中内置的对象,我们可以为他们提供一个通用的方法,这样就不需要专门写了。 代码如下 //我们可以给原创 2012-03-29 10:58:31 · 1502 阅读 · 0 评论 -
JavaScript中的this关键字介绍
JavaScript其实一门基于或者说是面向对象的语言,这样的话,this这个关键字,在类的内部就显得尤为重要,当 创建一个类的时候,如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数,这个this关键字这是最好 的方式。 当然,既然是面向对象的语言,必然存在访问权限的问题,这里也和this关键字息息相关。下面我们来演示一个例 子来说明一下这个类的访问权限的问题. //P原创 2012-03-28 21:49:31 · 1139 阅读 · 0 评论 -
JavaScript的可变参数介绍
由于JavaScript是动态语言,所以JavaScript对可变参数的支持是天生的,下面我们来弄一个实例来说一下,使用一 个函数,接受多个参数,然后计算所以传入的参数的和。很简单。 看代码 test6.html //编写一个函数接受任意多的数字,并计算他们的和 function abc2(){原创 2012-03-25 22:01:47 · 2181 阅读 · 0 评论 -
JavaScript实现父子两个窗口之间互相通信
JavaScript里面的Dom编程里面的window对象有很多的方法能实现很多特殊的效果,下面我们来列举一些方法,然 后做出一个小案例,就是使用Window对象的opener方法实现父子两方的窗口的对话! 首先是父 窗口的代码 test4.html function test(){//moveto是按照当前屏幕定位窗口,原创 2012-04-22 19:04:50 · 3333 阅读 · 0 评论