摘要: 在javascript学习笔记(八)中,我们主要学习了在使用javascript面向对象编程时,如何创建对象及添加对象的属性和方法。在使用面向对象编程时,对象间的继承关系自然少不了!而原型正是实现javascript继承的很重要的一种方法!我们首先来看以下代码: function person(name, age) { this.name = name; this.age = age; } person.prototype.getInfo = function() { alert("My name is "+this.name+", and I have &quo 阅读全文
posted @ 2011-04-11 14:31 张臣 阅读(1759) 评论(2) 推荐(4) 编辑
摘要: 昨天看了些有关javascript对象方面的文章,以下是自己的一些学习心得及体会,希望同大家共同讨论!1、javascript中的内置对象javascript中除了本身的内置对象,如以下我们所熟悉的对象:ArrayDateMathStringRegExp……各个对象都有自己的属性及方法,比如我们经常使用属性及方法属性:stringObject.length; arrayObject.length;……方法:stringObject.indexOf(); stringObject.splite(); stringObject.substr(); arrayObject.concat(); arr 阅读全文
posted @ 2011-04-09 15:41 张臣 阅读(1625) 评论(2) 推荐(2) 编辑
摘要: 今天把javascript如何用来创建及存储cookie复习了一下,其中的一点体会拿出来和大家讨论,恳请高手指点一二。首先看一下基础知识:1、什么是cookiecookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值2、有关cookie的例子:名字 cookie 当访问者首次访问页面时,他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时,他们会收到类似 "Welcome John Doe!" 的欢迎词。而名字则是从 阅读全文
posted @ 2011-04-07 21:13 张臣 阅读(1816) 评论(5) 推荐(2) 编辑
摘要: 由于各浏览器对css以及js支持的差异性,我们在做前端开发时,经常需要先检测浏览器的类型及版本,然后会对各自的差异性来写代码!下面的checkBrowser()函数主要检测了三种浏览器(IE, firefox, chrome),其它的浏览器的检测有兴趣的朋友可以自行添加检测代码!HTML部分代码: (页面加载时执行检测函数)<body onload="checkBrowser()"> <p id="userAgent"></p> <p id="browser"></p>< 阅读全文
posted @ 2011-04-07 11:40 张臣 阅读(1494) 评论(1) 推荐(2) 编辑
摘要: 正则表达式在web开发中会经常用到,主要用于验证用户输入的数据的格式。常用到的元字符有:. 查找单个字符,除了换行和行结束符;\w 匹配字母、汉字、数字、下划线等符号;\s 匹配空白符(包含空格、制表符等);\d 匹配数字;\b 匹配位于单词的开头或结尾的匹配;常用的量词有:^n 匹配任何开头为 n 的字符串;n$ 匹配任何结尾为 n 的字符串;n+ 匹配任何包含至少一个 n 的字符串;n* 匹配任何包含零个或多个 n 的字符串;n? 匹配任何包含零个或一个 n 的字符串;n{X} 匹配包含 X 个 n 的序列的字符串;n{X, Y} 匹配包含 X 或 Y 个 n 的序列的字符串;简单举例,主 阅读全文
posted @ 2011-04-06 16:56 张臣 阅读(1549) 评论(3) 推荐(3) 编辑
摘要: 首先看全部完整代码:<!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 content="text/html; charset=utf-8" http-equiv="C 阅读全文
posted @ 2011-04-05 20:30 张臣 阅读(1082) 评论(0) 推荐(1) 编辑
摘要: 主要是为了熟悉javascript中在date对象html代码如下:<div id="showTime"></div>javascript 代码如下:时间显示格式为:2011-04-04 星期二 12:09:34function startTime() { try{ var today = new Date(); var year = today.getFullYear(); var month = checkNum(today.getMonth()+1); var date = checkNum(today.getDate()); var day 阅读全文
posted @ 2011-04-05 12:09 张臣 阅读(494) 评论(1) 推荐(0) 编辑
摘要: HTML部分代码: <ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul>javascript部分代码:当鼠标经过时,给li添加class="current"类,鼠标离开时,去除该类,达到改变背景色的目的!window.onload = function() { var lis = document.getElementsByTag 阅读全文
posted @ 2011-04-05 11:31 张臣 阅读(3022) 评论(12) 推荐(1) 编辑
摘要: 主要是为了使自己更加熟练操作DOM,记录自己的点滴,规范自己的代码!希望大家共同进步!html部分代码:当点击show按钮时,触发showValue函数,将input value的值动态添加到id="text"的元素节点中!<p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"><input 阅读全文
posted @ 2011-04-05 10:29 张臣 阅读(741) 评论(2) 推荐(1) 编辑