javascript学习5、JS面向对象

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(“prototype”)方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name = "z…

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以及String. Undefined数据类型的值只有一个:undefined. 在JavaScript中,如果函数没有声明返回值,那么会返回undefined.(后面有实例). 如果typeof后面跟一个未定义的参数,也是返回undefined. Null数据类型的值只有一个:null. null与…

JavaScript学习06 JS事件对象

JavaScript学习06 JS事件对象事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等: event对象只在事件发生的过程中才有效. firefox里的event跟IE里的不同,IE里的是全局变量,随时可用:firefox里的要用参数引导才能用,是运行时的临时变量. 在IE/Opera中是window.event,在Fi…

JavaScript学习03 JS函数

JavaScript学习03 JS函数函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数函数的参数可以任意多个,不用声明变量类型,只用给出变量名: function myFunction(name, job) { 这里是要执行的代码 } 函数返回值在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. function myFuncti…

前端学习：JS面向对象知识学习（图解）

前端学习:JS面向对象知识学习(图解) 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览创建类和对象方式1:使用Object()函数方式2:使用自变量方式3:使用工厂函数创建多个对象方式4:构造函数静态成员和实例成员静态成员实例成员原型构造函数的原型内存图方式一方式二方式三对象的原型打印对象的原型构造函数和原型中同时存在方法的时候对象__proto__和构造函数的prototype 三角关系:构造函数原型对象对象/实例属性查找规则注意点…

悟透JavaScript（理解JS面向对象的好文章）

引子编程世界里只存在两种基本元素,一个是数据,一个是代码.编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力. 数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个世界. 你看,数据代码间的关系与物质能量间的关系有着惊人的相似.数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态.而代码就象能量,他存在的唯一目的,就是要努力改变数据原来的状态.在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势.甚至在某些情况下,数据可…

javascript 学习笔记之面向对象编程（一）：类的实现

~~想是一回事,做是一回事,写出来又是一回事~~一直以来,从事C++更多的是VC++多一些,从面向过程到面向对象的转变,让我对OO的编程思想有些偏爱,将一个客观存在的规律抽象出来总是让人比较兴奋,通过抽象出类的关系,我们可以做更多的事,思路也更加清晰.javascript也是一样,虽然其被定为成一个解释性语言,但随着互联网应用越来越广泛,js的作用将显得举足轻重,各种js框架.插件也蓬勃的出现,各浏览器直面用户的交互也越来越依赖js了,js代码的封装和优化日益重要. 也谈js的OO编程,虽然网上…

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascri…

JAVAscript学习笔记 js句柄监听事件第四节（原创）参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>…

JavaScript学习——使用JS完成页面定时弹出广告

1.获取图片的位置(document.getElementById(“”)) 隐藏图片:display:none 定时操作:setInterval(“显示图片的函数”,3000); 2.步骤分析 (此案例页面定时弹出广告基于JavaScript学习——实现首页轮播图效果实现的) 第一步:在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值) 第二步:确定事件(onload)并为其绑定一个函数第三步:书写这个函数(设置一个显示图片的定时操作) 第四步: 书写定时器中的函数…

javascript 学习笔记之面向对象编程（二）：继承&多态

~~接上篇~~上一篇实现了类的实现以及类成员变量和方法的定义,下面我们来了解下面向对象中两个最重要的特性:继承和多态. 继承 js中同样可以实现类的继承这一面向对象特性,继承父类中的所有成员(变量和属性),同时可扩展自己的成员,下面介绍几种js中实现继承的方式: 1. 对象模仿(冒充):通过动态改变this指针的指向,实现对父类成员的重复定义,如下: //对象冒充 function ClassA(paramColor) { this.color = paramColor; this.sayCol…

JavaScript学习笔记——JS中的变量复制、参数传递和作用域链

今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习.今天学习笔记主要有这样几个关键字:变量.参数传递.执行环境.变量对象.作用域链. 1.变量变量需要注意的有两点:变量声明和复制变量值. 变量声明肯定大家都很熟悉,在JS中我们都是通过 var 关键字进行变量声明的.JS中规定,通过var声明的变量会被添加到最近的环境中,如果声明并且初始化一个变量没有用到var关键字,这个变量会被添加到全局环境中.…

【JavaScript学习】-JS内置对象1-对象概述

对象(object): JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法.JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象的属性: 反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: 能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: 对象定义: 使用对象前要先定义,如下使用数组对象: var objectName=new Ar…

【javascript】javascript学习之js脚本的解析步骤

将javascript代码加入到HTML代码中,即使用<script>标签的方式有两种:直接嵌入页面中和使用外部js文件. 使用<script>标签嵌入html代码中时,需要指定其类型:type="text/javascript".不过在html5标准中<script>标签的type默认为"text/javascript",可以省略不写,不过考虑到低版本的兼容问题,一般还是加上比较好. 嵌入式js代码: 添加到<script…

原生 javascript 学习之 js变量

1.变量的命名方法的命名(驼峰命名法) 全部小写 : 单词与单词之间全部下划线 (my_namespace) 大小写混合 : 第一个单词首字母小写其他单词首字母大写. 规则首字符英文字母或下划线组成英文字母数字下划线禁忌 JavaScript 关键字保留字 2. 变量的声明显示声明 : var 关键字陋习 : 没有类型重复声明隐式声明不声明直接赋值正解 : 先声明后读写先赋值后运算 3. 变量类型值类型 A) 占…

【JavaScript学习】-JS内置对象3-String对象

定义: 定义字符串的方法就是直接赋值,例如:var mystr="Javascript is good!"; 访问字符串的属性: length属性 eg:var myl=mystr.length;//则myl长度为19(空格.符号都要算进去,末尾不像C语言那样还有一个null占一位) 访问字符串的方法: toUpperCase() 方法:将字符转换成大写字母 eg: var mystr="Javascript"; var upstr=mystr.toUpperCas…

javascript 学习笔记 -- js获取本地文件信息

JavaScript是跑在浏览器中,所以对于JavaScript读取本地文件不想c++ 和 java那样easy.网上有很多关于读取本地文件的方法,许多是用ActiveXObject控件.ActiveXObject是微软特有的,只能在IE内核的浏览器中运行,所以也不是一个好方法. 这里,介绍一种用Xml读取本地文件的方法. 第一步: Ngnix 服务器配置下载ngnix(http://nginx.org/en/download.html), 解压缩之后,打开nginx\conf\nginx.c…

1. JavaScript学习笔记——JS基础

1. JavaScript基础 1.1 语法严格区分大小写标识符,第一个字符可以是 $,建议使用小驼峰法, 保留字.关键字.true.false.null不能作为标识符 JavaScript是用Unicode字符集编写的 1.2 数据类型判断数据类型: typeof xxx 定义变量: var xxx = yyy; 函数内部不加var可以定义全局变量可以随意改变类型 var a,b,c; 定义多个变量 Number 类型: 包括整数和小数 var n=0x111;//十六进制 var n…

JavaScript学习笔记-Js操控HTML5 <progress> 标签

Js操控----HTML5 <progress> 标签简单模拟下下载进度跑条 <h4>加载进度</h4> <input type="button" value="下载" onclick="DownloadStart();" /> <progress id="Download" value="" max="100"></p…

【JavaScript学习】-JS内置对象2-Data对象

Date对象: Data对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义: //默认初始值定义: var dataName=new Date(); /*使用关键字new;Data首字母必须大写使dataName成为对象,同时具有初始值:当前电脑系统时间*/ //自定义初始值定义: var dataName=naw Data(2016,5,25); //或者: var dataName=new Data('May 25,2016'); Data对象中,用来处理时间和日期…

JAVAscript学习笔记 js条件语句第三节（原创）参考js使用表 (2017-09-14 15:55)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>语句</title> <script> var i = 9;//修改i值 if (i > 10) { document.write("我大于10"+"</br>"); } else if…

JAVAscript学习笔记 js事件第一节（原创）参考js使用表

<!DOCTYPE html> <html lang="en" onUnload="ud()"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function demo() { alert("hello"); } function onOver(ooj) { ooj.i…

JAVAscript学习笔记 js异常第二节（原创）参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异常处理</title> <script> function demo() { try { alert(str);//str为空 }catch(err){ alert(err); } } demo(); function demo1(){ var…

JAVAscript学习笔记 js计时器与倒计时第六节（原创）参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时</title> </head> <body onload="getwin()"> <p id="ptime">现在时间</p> <p id="pt…

JavaScript学习笔记2_面向对象

1.对象的定义 ECMAScript中,对象是一个无序属性集,这里的“属性”可以是基本值.对象或者函数 2.数据属性与访问器属性数据属性即有值的属性,可以设置属性只读.不可删除.不可枚举等等访问器属性是用来设置getter和setter的,在属性名前加上”_”(下划线)表示该属性只能通过访问器访问(私有属性),但并不是说添个下划线就把属性变成私有的了,这只是习惯约定的一种命名方式而已.访问器属性没什么用,原因如下: + 高程中使用了上面的示例代码,原理是book对象的属性中_year是数据属…

JavaScript学习——使用JS完成省市二级联动

1.我们希望在注册页面中添加一个字段(籍贯),当用户选择一个具体的省份,在后面的下拉列表中动态加载该省份下所有的城市.显示的效果如下: 2.步骤分析: 第一步:确定事件(onchange)并为其绑定一个函数第二步:创建一个二维数组用于存储省份和城市第三步:获取用户选择的省份第四步:遍历二维数组中的省份第五步:将遍历的省份与用户选择的省份比较第六步:如果相同,遍历该省份下所有的城市第七步:创建城市文本节点第八步:创建option元素节点第九步:将城市文本节点添加到option元素节…

JavaScript学习——使用JS完成全选和全不选操作

1.我们希望在后台系统实现一个批量删除的操作(全选所有的复选框)和全不选,显示效果如下: 2.步骤分析: 第一步:确定事件(onclick)并为其绑定一个函数(事件绑定到编号前面的复选框里面) 第二步:书写函数(获取编号前面的复选框,获取其状态) 获取编号前面的复选框的状态(是否选中) 获取复选框:var checkAllEle = document.getElementById(“id”) 获取复选框的状态:checkAllEle.checked? 第三步:判断编号前面复选框的状态(如果为选中…