关于javascript中类的继承可以参考阮一峰的Blog《Javascript继承机制的设计思想》,说的很透。 一、在javascript中实例化遇到的问题: 下面用《javascript高级程序设计》中的例子来做说明,假如现在定义了一个car的对象,它是Object类的实例。像下面这样的: 代码如下:var oCar=new Object(); oCar.color = "red"; oCar.doors = 4; oCar.mpg = 23; oCar.showColor = function () { alert(this.color); }; 现在又需要这样的一个实例...
在此贴出一些学习成果,希望能对学习JQuery的其他同学有所帮助,同时也记录下自己的学习情况。 看了一些JQuery的官方教程,已经有点心潮澎湃了,就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果,然后决定自己也尝试一下,我决定要写一个圆周运动的动画效果,下面贴出js代码 代码如下:var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(cen...
在使用面向对象编程时,对象间的继承关系自然少不了!而原型正是实现javascript继承的很重要的一种方法! 我们首先来看以下代码: 代码如下:function person(name, age) { this.name = name; this.age = age; } person.prototype.getInfo = function() { alert("My name is "+this.name+", and I have "+this.age+" years old"); } var zhangchen = new person("zhangchen", 23); zhangchen.getInfo(); //output My name is zhang...
JqGrid文档:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs JqGrid Demo:http://trirand.com/blog/jqgrid/jqgrid.html#t107 JqGrid的基础,我这里就不做介绍了,不知道的可以去看看博客园或Google,最好去看文档。先看效果图: 本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。 逻辑思路:第一次加载本年度的经营计划数据,加载完成后,将JqGrid设置成本地数据,这样分页、...
1、javascript中的内置对象 javascript中除了本身的内置对象,如以下我们所熟悉的对象: Array Date Math String RegExp …… 各个对象都有自己的属性及方法,比如我们经常使用属性及方法 属性:stringObject.length; arrayObject.length;…… 方法:stringObject.indexOf(); stringObject.splite(); stringObject.substr(); arrayObject.concat(); arrayObject.push(); arrayObject.join();…… 2、如何自定义对象,及添加属性和方...
html部分代码: 当点击show按钮时,触发showValue函数,将input value的值动态添加到id="text"的元素节点中! 代码如下:<p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"><input type="button" value="show" onclick="showValue()" /></span> </p> <p id="text"></p> javascript 部分代码: 页面加载时,使input自动获得焦点,引导用户输入内容。(细节加强用户体...
HTML部分代码: 代码如下:<ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul> javascript部分代码: 当鼠标经过时,给li添加class="current"类,鼠标离开时,去除该类,达到改变背景色的目的 代码如下:window.onload = function() { var lis = document.getElementsByTagName("li"); for (var i=0; i<lis.length; i++) { lis[i].onmouseove...
html代码如下: 代码如下:<div id="showTime"></div> javascript 代码如下:时间显示格式为:2011-04-04 星期二 12:09:34 代码如下:function startTime() { try{ var today = new Date(); var year = today.getFullYear(); var month = checkNum(today.getMonth()+1); var date = checkNum(today.getDate()); var day = today.getDay(); var hour = checkNum(today.getHours()); var minute = checkNum(today.getMinutes()); va...
首先看全部完整代码: countDown test function countDown(endDate) { var now = new Date(); var deadtime = document.getElementById(endDate); var deadline = new Date(deadtime.value); //本地时间与格林威治标准时间 (GMT) 的分钟差 var timeDiff = now.getTimezoneOffset(); //此处有些不解,如果把分钟差转化成毫秒应该是timeDiff*60*1000,但是这样返回的数据不正确! var leave = Math.abs(deadline.getTime() -...
常用到的元字符有: . 查找单个字符,除了换行和行结束符; \w 匹配字母、汉字、数字、下划线等符号; \s 匹配空白符(包含空格、制表符等); \d 匹配数字; \b 匹配位于单词的开头或结尾的匹配; 常用的量词有: ^n 匹配任何开头为 n 的字符串; n$ 匹配任何结尾为 n 的字符串; n+ 匹配任何包含至少一个 n 的字符串; n* 匹配任何包含零个或多个 n 的字符串; n? 匹配任何包含零个或一个 n 的字符串; n{X} 匹配包含 X 个 n 的序列...
首先看一下基础知识: 1、什么是cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值 2、有关cookie的例子: 名字 cookie 当访问者首次访问页面时,他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时,他们会收到类似 "Welcome John Doe!" 的欢迎词。而名字则是从 cookie 中取回的。 密...
下面的checkBrowser()函数主要检测了三种浏览器(IE, firefox, chrome),其它的浏览器的检测有兴趣的朋友可以自行添加检测代码! HTML部分代码: (页面加载时执行检测函数) 代码如下:<body onload="checkBrowser()"> <p id="userAgent"></p> <p id="browser"></p> </body> javascript部分代码: 检测的原理主要根据 浏览器的用户代理报头nanigator.userAgent中提取到浏览器和类型及版本信息,利用正则表达式可以很容易的满足我们...
在使用JQuery的时候如果你想寻找某个容器(诸如div或者是table中的某些子元素),那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素,并且可以统一、批量的设置css等内容。 比如有这样一个table: 代码如下:<table id="outer"> <tr> <td> <table id="nested"> <tr> <td> 内嵌Table,行1列1 </td> <td> 内嵌Table,行1列2 </td> </tr> <tr> <td> 内嵌Table,行2列1 </td> <td> 内嵌Table,行2列2 </td> </t...
代码如下:/* * JavaScript对象就是一组属性(方法)的集合 * 在该语言中如果变量名或方法名不符合声明规范, * 则一定得用方括号“ [] ”引用它 * */ /** * <1.>该语句声明了一个class1类,class1相当于构造方法,又叫构造器 * 也可说声明了一个class1方法 */ function class1(){ this.name="xjl"; //给对象添加属性 this.say= function(){alert("大家好!");}; //给对象添加方法 }; /** * <2.>创建实例用 new 关键字,new 操作符不...
全局变量是Window对象属性的一部分,例子: 代码如下:var test = test; alert(window.test); 浏览器渲染和操作HTML的大致顺序: HTML解析完毕 外部脚本和样式表加载完毕 脚本在文档内解析并执行 HTML DOM完全构造起来 图片和外部内容加载 网页完成加载 所有的主流浏览器都实现了innerHTML属性,但是因为没有统一标准,所以或多或少会有一些怪异的bug。 基于Mozilla的浏览器在innerHTML声明中并不回会返回<style>元素; IE返回的元...