【JavaScript学习笔记之定时器_基础知识】教程文章相关的互联网学习教程文章

javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)

关于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 自定义CircleAnimation,Animate方法学习笔记

在此贴出一些学习成果,希望能对学习JQuery的其他同学有所帮助,同时也记录下自己的学习情况。 看了一些JQuery的官方教程,已经有点心潮澎湃了,就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果,然后决定自己也尝试一下,我决定要写一个圆周运动的动画效果,下面贴出js代码 代码如下:var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(cen...

javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式【图】

在使用面向对象编程时,对象间的继承关系自然少不了!而原型正是实现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 简单学习笔记【图】

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设置成本地数据,这样分页、...

javascript 学习笔记(八)javascript对象

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、如何自定义对象,及添加属性和方...

javascript 学习笔记(一)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 type="button" value="show" onclick="showValue()" /></span> </p> <p id="text"></p> javascript 部分代码: 页面加载时,使input自动获得焦点,引导用户输入内容。(细节加强用户体...

javascript学习笔记(二) 鼠标经过时,改变div块的背景色的代码

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...

javascript学习笔记(三)显示当时时间的代码

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...

javascript 学习笔记(四) 倒计时程序代码

首先看全部完整代码: 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() -...

javascript学习笔记(五)正则表达式

常用到的元字符有: . 查找单个字符,除了换行和行结束符; \w 匹配字母、汉字、数字、下划线等符号; \s 匹配空白符(包含空格、制表符等); \d 匹配数字; \b 匹配位于单词的开头或结尾的匹配; 常用的量词有: ^n 匹配任何开头为 n 的字符串; n$ 匹配任何结尾为 n 的字符串; n+ 匹配任何包含至少一个 n 的字符串; n* 匹配任何包含零个或多个 n 的字符串; n? 匹配任何包含零个或一个 n 的字符串; n{X} 匹配包含 X 个 n 的序列...

javascript学习笔记(七)利用javascript来创建和存储cookie

首先看一下基础知识: 1、什么是cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值 2、有关cookie的例子: 名字 cookie 当访问者首次访问页面时,他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时,他们会收到类似 "Welcome John Doe!" 的欢迎词。而名字则是从 cookie 中取回的。 密...

javascript 学习笔记(六)浏览器类型及版本信息检测代码

下面的checkBrowser()函数主要检测了三种浏览器(IE, firefox, chrome),其它的浏览器的检测有兴趣的朋友可以自行添加检测代码! HTML部分代码: (页面加载时执行检测函数) 代码如下:<body onload="checkBrowser()"> <p id="userAgent"></p> <p id="browser"></p> </body> javascript部分代码: 检测的原理主要根据 浏览器的用户代理报头nanigator.userAgent中提取到浏览器和类型及版本信息,利用正则表达式可以很容易的满足我们...

JQuery学习笔记 nt-child的使用

在使用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的时候写的学习笔记

代码如下:/* * JavaScript对象就是一组属性(方法)的集合 * 在该语言中如果变量名或方法名不符合声明规范, * 则一定得用方括号“ [] ”引用它 * */ /** * <1.>该语句声明了一个class1类,class1相当于构造方法,又叫构造器 * 也可说声明了一个class1方法 */ function class1(){ this.name="xjl"; //给对象添加属性 this.say= function(){alert("大家好!");}; //给对象添加方法 }; /** * <2.>创建实例用 new 关键字,new 操作符不...

Pro JavaScript Techniques学习笔记

全局变量是Window对象属性的一部分,例子: 代码如下:var test = test; alert(window.test); 浏览器渲染和操作HTML的大致顺序: HTML解析完毕 外部脚本和样式表加载完毕 脚本在文档内解析并执行 HTML DOM完全构造起来 图片和外部内容加载 网页完成加载 所有的主流浏览器都实现了innerHTML属性,但是因为没有统一标准,所以或多或少会有一些怪异的bug。 基于Mozilla的浏览器在innerHTML声明中并不回会返回<style>元素; IE返回的元...

定时器 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部