life is wonderful

世界上并没有完美的程序,但我们并不因此而沮丧,因为写程序本来就是一个不断追求完美的过程。...

JS中实现字符串和数组的相互转化

早上起来看了一道JS的面试题,是这样描述的:利用var s1=prompt("请输入任意的字符串","")可以获取用户输入 的字符串,试编程将用户输入的字符串“反转”,并且将字符串输出。         想了一下,字符串对象的方法中并没有实现反转的,但是数组...

2016-01-22 14:43:06

阅读数 28381

评论数 3

轻松学习JavaScript二十九:JavaScript中的this详解

这几天在看很多的JS的代码,多次出现this关键字,有时候表示不理解,就仔细看了这一方面的知识。         在JavaScript语言中,this的定义是:this是包含它的函数作为方法被调用时所属的对象。说明:这句话有点咬 嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解...

2015-12-29 20:59:42

阅读数 1863

评论数 0

轻松学习JavaScript二十七:DOM编程学习之事件模型

在介绍事件模型之前,我们先来看什么是事件和什么是event对象。        一事件介绍        JavaScript事件是由访问Web页面的用户引起的一系列操作,使我们有能力创建动态页面,事件是可以被 JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发Java...

2015-12-28 20:50:19

阅读数 1867

评论数 1

轻松学习JavaScript二十六:DOM编程学习之动态添加JS脚本和CSS样式

先来一贯使用的HTML文档代码: DOM window.onload=function(){ } div区域        一动态加载外部JS文件        要动态加载外部index.js文件的代码: alert("I am JS file!"...

2015-12-27 20:01:31

阅读数 2512

评论数 3

轻松学习JavaScript二十五:DOM编程学习之操作CSS样式(二)

四通过class属性操作外联式        还是先来一个HTML文档的代码: DOM window.onload=function(){ } div区域        CSS样式表style.css文件的代码: .box1{ background...

2015-12-23 18:48:35

阅读数 2351

评论数 0

轻松学习JavaScript二十四:DOM编程学习之操作CSS样式(一)

CSS样式作为HTML的辅助,可以增强页面的显示效果。前面学了DOM操作HTML,因此也要学DOM操作CSS 样式的方法。在学习CSS的时候,已经知道了CSS插入到HTML文档有三种情况,分别为:行内式,内嵌式和外联式 (这是我们最常用的)。下面就来看怎么操作这三种情况:        一操作行内...

2015-12-22 21:26:15

阅读数 2784

评论数 6

轻松学习JavaScript二十三:DOM编程学习之操作表格

一使用HTML标签创建表格:        代码: 人员表 姓名 性别 年龄 ...

2015-12-21 20:27:41

阅读数 2010

评论数 0

轻松学习JavaScript二十二:DOM编程学习之节点操作

DOM编程不仅仅可以查找三种节点,也可以操作节点,那就是创建,插入,删除,替换和复制节点。先来看节点 操作方法:                 还是借用一贯的HTML代码: DOM编程 window.onload=function(){ } 你喜欢那个城市...

2015-12-19 21:09:48

阅读数 2619

评论数 2

轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点

我们这里所说的获取元素节点的所有子节点包含元素子节点和文本节点两种。还是拿上一篇博文的代码实例进行 分析: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w...

2015-12-18 21:21:44

阅读数 4272

评论数 6

轻松学习JavaScript二十:DOM编程学习之获取节点

我们这里所说的获取节点包含元素节点,属性节点和文本节点。通常,通过DOM我们就能够操作HTML元素。为 了做到这件事情,您必须首先找到该元素。W3C提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节 点进行操作。        我们先来写一个简单的HTML文档以供我们进行测试,并且JS代...

2015-12-17 19:57:10

阅读数 1897

评论数 1

轻松学习JavaScript十九:DOM编程学习之在HTML文档什么位置编写JS代码

在学习DOM编程的时候又回过头去看了过去写的JS代码,并没有考虑在什么位置编写JS代码更加符合规范以及 当HTML文档加载完毕后再运行JS代码的问题。在刚接触JS的时候,写过一篇博文:轻松学习JavaScript三:  JavaScript与HTML的结合,只是单纯就HTML与JS的结合说明JS代...

2015-12-16 20:44:35

阅读数 1947

评论数 0

轻松学习JavaScript十八:DOM编程学习之DOM简介

一DOM概述        DOM(文档对象模型)是HTML和XML的应用程序接口(API)。DOM将把整个页面规划成由节点层级构成的文档。 DOM描绘了一个层次化的节点树,运行开发人员添加,移除和修改页面的某一部分。HTML或XML页面的每个部分都 是一个节点的衍生物。通过DOM,可访问HTM...

2015-12-15 17:05:17

阅读数 2308

评论数 2

轻松学习JavaScript十七:JavaScript的BOM学习(二)

JavaScript计时事件        通过使用JavaScript中的BOM对象中的window对象的两个方法就是setTimeout()方法和claerTimeout()方法,我们 有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。 ...

2015-12-14 21:54:49

阅读数 1869

评论数 1

轻松学习JavaScript十六:JavaScript的BOM学习(一)

一window对象概述        BOM的核心对象是Window对象,它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层,对于每 个打开的窗口,系统都会自动为其创建window对象。所有浏览器都支持window对象,它表示浏览器窗口。所有 JavaScr...

2015-12-13 15:04:30

阅读数 1882

评论数 2

轻松学习JavaScript十五:JavaScript之BOM简介

大概用了二十天结束了JS第一大模块ECMAScript核心的学习,尽管ECMAScript是一个重要的标准,但它并不是  JavaScript唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的JavaScript实现是由以下 3个不同部 分组成的:        核心(E...

2015-12-12 21:13:55

阅读数 2495

评论数 1

轻松学习JavaScript十四:JavaScript的RegExp对象(正则表达式)

一RegExp对象概述        RegExp对象表示正则表达式,RegExp是正则表达式的缩写,它是对字符串执行模式匹配的强大工具。RegExp 对象用于规定在文本中检索的内容。当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp就是这 种模式。简单的模式可以是一个单独的字符...

2015-12-12 17:04:24

阅读数 2146

评论数 2

轻松学习JavaScript十三:JavaScript基于面向对象之继承(包含面向对象继承机制)

一面相对象继承机制       今天算是什么都没干,尽在了解面向对象三大特性之一的继承了,过去的学习的C++和C#都是正统的面向对象语 言,学习的时候也没有怎么深入了解过,只是简单的学习最基础的继承。下午在看继承机制的时候,看到一个很经典 的继承机制实例。这个实例使用UML很好的解释了继...

2015-12-09 21:18:15

阅读数 2086

评论数 1

轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(二)

四原型方式        我们创建的每个函数都有一个通过prototype(原型)属性,这个属性是一个对象,它的用途是包含可以由特定类型 的所有实例共享的属性和方法。逻辑上可以这么理解:prototypt通过条用构造函数而创建的那个对象的原型对象。使 用原型的好处就是可以让所有对象实例共享它...

2015-12-08 21:12:26

阅读数 1787

评论数 1

轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(一)

这一次我们深入的学习一下JavaScript面向对象技术,在学习之前,必要的说明一下一些面向对象的一些术语。 这也是所有面对对象语言所拥有的共同点。有这样几个面向对象术语:        对象        ECMA-262把对象(object)定义为“属性的无序集合,每个属性存放一个原始值...

2015-12-07 21:40:04

阅读数 1930

评论数 0

轻松学习JavaScript十一:JavaScript基本类型(包含类型转换)和引用类型

一值的类型        早在介绍JS的数据类型的时候就提到过基本类型和引用类型,不过在说两种类型之前,我们先来了解一下变量的 值的类型。在ECMAScript中,变量可以存在两种类型的值,即原始值和引用值。        (1)原始值        存储在栈中的简单数据段,也就是说,...

2015-12-05 22:36:21

阅读数 2883

评论数 1

提示
确定要删除当前文章?
取消 删除