![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
life is wonderful
pay for life, pay for yourself
展开
-
轻松学习JavaScript一:为什么学习JavaScript
Web程序不论是B/S(Browser/Server)还是C/S(Client/Server)架构,分为客户端程序与服务器端程序两种。ASP.NET是开发服务器端程序的强大工具,但是有时候为了降低服务器负担与通信流量,这就需要编写能够在客户端执行的程序。脚本语言是开发客户端执行程序的工具,将脚本语言与ASP.NET相结合会更具有效率。脚本语言有许多种,如Python,VbScript,JavaSc原创 2015-10-20 19:29:57 · 4025 阅读 · 1 评论 -
轻松学习JavaScript七:JavaScript的流程控制语句
JS的核心ECMAScript规定的流程控制语句和其他的程序设计语言还是蛮相似的。我们选择一些实用的例子来看一下这些语句。顺序结构我们在这里就不再提到,直接说条件和循环以及其他语句。 一条件选择结构 条件选择语句用于基于不同的条件来执行不同的动作,通常在写代码时,总是需要为不同的决定来执行不同的动作,可以在代码中使用条件语句来完成该任务。 在原创 2015-11-29 21:06:34 · 3345 阅读 · 7 评论 -
轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点
我们这里所说的获取元素节点的所有子节点包含元素子节点和文本节点两种。还是拿上一篇博文的代码实例进行分析:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">JS代码位置window.onl原创 2015-12-18 21:21:44 · 5679 阅读 · 6 评论 -
轻松学习JavaScript二十:DOM编程学习之获取节点
我们这里所说的获取节点包含元素节点,属性节点和文本节点。通常,通过DOM我们就能够操作HTML元素。为了做到这件事情,您必须首先找到该元素。W3C提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节点进行操作。 我们先来写一个简单的HTML文档以供我们进行测试,并且JS代码都是写在window.onload事件中:<!DOCTYPE html PUBLIC "-原创 2015-12-17 19:57:10 · 2169 阅读 · 1 评论 -
轻松学习JavaScript十八:DOM编程学习之DOM简介
一DOM概述 DOM(文档对象模型)是HTML和XML的应用程序接口(API)。DOM将把整个页面规划成由节点层级构成的文档。DOM描绘了一个层次化的节点树,运行开发人员添加,移除和修改页面的某一部分。HTML或XML页面的每个部分都是一个节点的衍生物。通过DOM,可访问HTML文档的所有元素。当网页被加载时,浏览器会创建页面的文档对象模型,DOM模型被构造为对象的原创 2015-12-15 17:05:17 · 2611 阅读 · 2 评论 -
轻松学习JavaScript二十二:DOM编程学习之节点操作
DOM编程不仅仅可以查找三种节点,也可以操作节点,那就是创建,插入,删除,替换和复制节点。先来看节点操作方法: 还是借用一贯的HTML代码:DOM编程window.onload=function(){ } 你喜欢那个城市 北京市 天津市 上海市原创 2015-12-19 21:09:48 · 2990 阅读 · 2 评论 -
轻松学习JavaScript二十三:DOM编程学习之操作表格
一使用HTML标签创建表格: 代码: 人员表 姓名 性别 年龄 张三原创 2015-12-21 20:27:41 · 2356 阅读 · 0 评论 -
轻松学习JavaScript二十四:DOM编程学习之操作CSS样式(一)
CSS样式作为HTML的辅助,可以增强页面的显示效果。前面学了DOM操作HTML,因此也要学DOM操作CSS样式的方法。在学习CSS的时候,已经知道了CSS插入到HTML文档有三种情况,分别为:行内式,内嵌式和外联式(这是我们最常用的)。下面就来看怎么操作这三种情况: 一操作行内式 先来写一个HTML文档:<!DOCTYPE html PUBLIC "-原创 2015-12-22 21:26:15 · 3127 阅读 · 6 评论 -
轻松学习JavaScript九:JavaScript对象和数组
许多高级编程语言都是面向对象的,比如C++、C#和Java等高级程序设计语言,那么一种面向对象语言有哪些基本要求呢?下面我们就通宿地说一下面向对象的一些知识。 一种面向对象语言需要向开发者提供四种基本能力: (1)封装:把相关的信息(无论数据或方法)存储在对象中的能力 (2)聚集:把一个对象存储在另一个对象内的能力 (3)继承:由原创 2015-12-02 19:43:59 · 2407 阅读 · 5 评论 -
轻松学习JavaScript二十五:DOM编程学习之操作CSS样式(二)
四通过class属性操作外联式 还是先来一个HTML文档的代码:DOMwindow.onload=function(){ }div区域 CSS样式表style.css文件的代码:.box1{ background-color:#00FF00; }.box2 { color:#FFFFFF;}原创 2015-12-23 18:48:35 · 2601 阅读 · 0 评论 -
轻松学习JavaScript十一:JavaScript基本类型(包含类型转换)和引用类型
一值的类型 早在介绍JS的数据类型的时候就提到过基本类型和引用类型,不过在说两种类型之前,我们先来了解一下变量的值的类型。在ECMAScript中,变量可以存在两种类型的值,即原始值和引用值。 (1)原始值 存储在栈中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。 (2)引用值 存储在堆中的对象,也原创 2015-12-05 22:36:21 · 3249 阅读 · 1 评论 -
轻松学习JavaScript十:JavaScript的Date对象制作一个简易钟表
JS提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。下面我们简单的概述一下这个Date类型。 大概看了一下Date类型的方法,下面给出: 上面的方法自己尝试即可,我只简单的演示一下JS正确输出的格式: var today=new Date();//创建一个时间日期对象 document.writ原创 2015-12-03 19:08:36 · 3946 阅读 · 10 评论 -
轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(一)
这一次我们深入的学习一下JavaScript面向对象技术,在学习之前,必要的说明一下一些面向对象的一些术语。这也是所有面对对象语言所拥有的共同点。有这样几个面向对象术语: 对象 ECMA-262把对象(object)定义为“属性的无序集合,每个属性存放一个原始值、对象或函数”。严格来说,这意味着对象是无特定顺序的值的数组。尽管ECMAScript如此定义对象原创 2015-12-07 21:40:04 · 2285 阅读 · 0 评论 -
轻松学习JavaScript二十六:DOM编程学习之动态添加JS脚本和CSS样式
先来一贯使用的HTML文档代码:DOMwindow.onload=function(){}div区域 一动态加载外部JS文件 要动态加载外部index.js文件的代码:alert("I am JS file!"); 动态加载外部JS文件的代码://动态加载外部JS文件var flag=true; //设置tr原创 2015-12-27 20:01:31 · 2728 阅读 · 3 评论 -
轻松学习JavaScript十九:DOM编程学习之在HTML文档什么位置编写JS代码
在学习DOM编程的时候又回过头去看了过去写的JS代码,并没有考虑在什么位置编写JS代码更加符合规范以及当HTML文档加载完毕后再运行JS代码的问题。在刚接触JS的时候,写过一篇博文:轻松学习JavaScript三: JavaScript与HTML的结合,只是单纯就HTML与JS的结合说明JS代码放在什么位置,可能一些还是错的,现在开始在博文中纠错。开始学习DOM编程的时候又遇到了新的问原创 2015-12-16 20:44:35 · 2237 阅读 · 0 评论 -
轻松学习JavaScript八:JavaScript函数
函数是一组可以随时随地运行的语句,函数作为ECMAScript的核心是很重要的。函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。也就是函数是定义一次但却可以调用或执行任意多次的一段JavaScript代码。函数有时会有参数,即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值。 一函数声明原创 2015-11-30 16:31:43 · 2688 阅读 · 4 评论 -
轻松学习JavaScript二:JavaScript语言的基本语法要求
要学习好JavaScript,首先我们要懂JavaScript语言的一些基本语法要求: 一,区分大小写 JavaScript语言区分字符大小写,两个字符串相同大小写不同,被认为是不同的字符串。JavaScript语言的关键字也区分大小写,按语法要求应小写。 二,书写格式 JavaScript语言忽略语句间空白,即语句间的空格,空原创 2015-10-23 19:51:03 · 2424 阅读 · 2 评论 -
轻松学习JavaScript十三:JavaScript基于面向对象之继承(包含面向对象继承机制)
一面相对象继承机制 今天算是什么都没干,尽在了解面向对象三大特性之一的继承了,过去的学习的C++和C#都是正统的面向对象语言,学习的时候也没有怎么深入了解过,只是简单的学习最基础的继承。下午在看继承机制的时候,看到一个很经典的继承机制实例。这个实例使用UML很好的解释了继承机制。 说明继承机制最简单的方式是,利用一个经典的例子就是几何形状。实际上,几何形状只原创 2015-12-09 21:18:15 · 2424 阅读 · 1 评论 -
轻松学习JavaScript三:JavaScript与HTML的结合
HTML中的JavaScript脚本必须位于与标签之间,JavaScript脚本可被放置在HTML页面的标签和标签中,这种视情况而定,一般放在标签内。 一 标签 如需在HTML页面中插入JavaScript脚本,请使用标签。和会告诉JavaScript在何处开始和结束。和之间的代码行包含了JavaScript:alert("欢迎来到JavaScript世原创 2015-11-17 15:28:55 · 9929 阅读 · 2 评论 -
轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(二)
四原型方式 我们创建的每个函数都有一个通过prototype(原型)属性,这个属性是一个对象,它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解:prototypt通过条用构造函数而创建的那个对象的原型对象。使用原型的好处就是可以让所有对象实例共享它所包含的属性和方法。也就是说,不必在构造函数中定义对象信息,而是直接将这些信息添加到原型中。原创 2015-12-08 21:12:26 · 2057 阅读 · 1 评论 -
轻松学习JavaScript四:JS点击灯泡来点亮或熄灭这盏灯的网页特效映射出JS在HTML中作用
我们开始解释JS在HTML中作用。对于因特网和视窗操作系统,JavaScript都意味着未来。 (1)JavaScript:写入HTML输出 实例代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr原创 2015-11-18 19:49:48 · 10297 阅读 · 5 评论 -
轻松学习JavaScript十四:JavaScript的RegExp对象(正则表达式)
一RegExp对象概述 RegExp对象表示正则表达式,RegExp是正则表达式的缩写,它是对字符串执行模式匹配的强大工具。RegExp对象用于规定在文本中检索的内容。当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp就是这种模式。简单的模式可以是一个单独的字符;更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等。正则表达式可以规定字符串中的原创 2015-12-12 17:04:24 · 2526 阅读 · 2 评论 -
轻松学习JavaScript十五:JavaScript之BOM简介
大概用了二十天结束了JS第一大模块ECMAScript核心的学习,尽管ECMAScript是一个重要的标准,但它并不是 JavaScript唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的JavaScript实现是由以下 3个不同部分组成的: 核心(ECMAScript):JavaScript的核心ECMAScript描述了该语言的语法和基本对象。原创 2015-12-12 21:13:55 · 2756 阅读 · 1 评论 -
轻松学习JavaScript十六:JavaScript的BOM学习(一)
一window对象概述 BOM的核心对象是Window对象,它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层,对于每个打开的窗口,系统都会自动为其创建window对象。所有浏览器都支持window对象,它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为 window对象的成员。全局变量是 window对象的属性。全原创 2015-12-13 15:04:30 · 2260 阅读 · 2 评论 -
轻松学习JavaScript五:JavaScript的变量和数据类型
对于一们编程语言,肯定包含变量和数据类型。今天我们就来看看JavaScript脚本语言的变量和数据类型。相对于其他的Java,C++等高级程序语言,JavaScript显得很简单。 一变量 JavaScript的变量是松散类型的,所谓松散就是用来保存任何类型的数据。变量是存储信息的容器。定义变量时要使用var操作符(var是关键字),后面跟一个变量名(变量原创 2015-11-26 21:03:02 · 2855 阅读 · 3 评论 -
轻松学习JavaScript二十七:DOM编程学习之事件模型
在介绍事件模型之前,我们先来看什么是事件和什么是event对象。 一事件介绍 JavaScript事件是由访问Web页面的用户引起的一系列操作,使我们有能力创建动态页面,事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个onclick事件来触发某个函数原创 2015-12-28 20:50:19 · 2194 阅读 · 1 评论 -
轻松学习JavaScript十七:JavaScript的BOM学习(二)
JavaScript计时事件 通过使用JavaScript中的BOM对象中的window对象的两个方法就是setTimeout()方法和claerTimeout()方法,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。 在JavaScritp中使用计时事件是很容易的,两个关键方法是: set原创 2015-12-14 21:54:49 · 2095 阅读 · 1 评论 -
轻松学习JavaScript二十九:JavaScript中的this详解
这几天在看很多的JS的代码,多次出现this关键字,有时候表示不理解,就仔细看了这一方面的知识。 在JavaScript语言中,this的定义是:this是包含它的函数作为方法被调用时所属的对象。说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它:1包含它的函数。2作为方法被调用时。3所属的对象。随着函数使用场合的不同,this的值会发生变原创 2015-12-29 20:59:42 · 2118 阅读 · 0 评论 -
轻松学习JavaScript六:JavaScript的表达式与运算符
JavaScript脚本语言描述了一组用于操作数据值的运算符,包括一元运算符,布尔运算符,算术运算符,关系运算符,三元运算符,位运算符和赋值运算符。 表达式是JavaScript语言的一个“短语”,包含变量名(或字面量)和运算符。最简单的表达式时字面量或变量名。当然也有合并简单的表达式来创建复杂的表达式。 一一元运算符 (1)递增++和递减-原创 2015-11-29 16:18:44 · 2390 阅读 · 6 评论 -
JS中实现字符串和数组的相互转化
早上起来看了一道JS的面试题,是这样描述的:利用var s1=prompt("请输入任意的字符串","")可以获取用户输入的字符串,试编程将用户输入的字符串“反转”,并且将字符串输出。 想了一下,字符串对象的方法中并没有实现反转的,但是数组中有,于是考虑了字符串和数组的相互转换问题。 JS中的内置对象中包括字符串对象(String)和数组对象(Array),原创 2016-01-22 14:43:06 · 112746 阅读 · 3 评论