JavaScript初探四

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascrip…

JavaScript 结构 JavaScript 程序结构 JavaScript支持几乎和C语言一样的程序结构分支结构循环结构分支结构条件分支 if-else if语句:判断条件为true则执行if的代码块,为false则执行其他代码块 else语句:当if语句的条件为false时则执行本语句的的代码块 else if语句:当if语句的条件为false时执行本语句的if规定的代码块条件分支 switch switch执行判断的条件,然后执行case代码块 case根据switch的条件…

JavaScript学习（一） —— 环境搭建与JavaScript初探

1.开发环境搭建本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个记事本就行了,不存在环境搭建的问题.而且,通过运行浏览器,立刻就能看到效果,这一点比较Java要方便很多.省去了很多繁杂的操作,如果你正打算转行从事程序猿这个职业,不妨以JavaScript为切入点,从而发现编程的乐趣.当你深刻理解了JavaScript的思想,其他任何面向对象的语言都是大同小异的.…

学习javascript数据结构(四)——树

前言总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构(四)--树知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书) 博主博客地址:Damonare的个人博客人之所能,不能兼备,弃其所短,取其所长. 正文树简介在上一篇学习javascript数据结构(三)--集合中我们说了集合这种数据结构,在学习javascri…

JavaScript初探五

JavaScript 初探七 JavaScript 数据类型基本的值类型字符串(String) 数字(Number) 布尔值(Boolean) 对象(Object) 函数(Function) 对象类型对象(Object) 日期(Date) 数组(Array) 不含值的类型 Null undefined typeof 运算符我们可以通过 typeof 运算符来确定/检查 JavaScript 变量的数据类型 typeof "Mirror" ; // 返回 string t…

JavaScript初探三（学习js数组）

JavaScript初探 (三) JavaScript数组定义创建数组 var 数组名 = [元素0,元素1,元素2,--] ; var arr = ["Huawei","China","Mirror"]; 同时JavaScript也支持 new Array 创建数组.但是建议使用上面的文本方式创建数组数组访问通过引用索引号(下标) 来引用某个数组元素 var name = arr[0]; // name = Huawei ps:数组的…

JavaScript初探二（了解数据）

JavaScript初探 (二) JavaScript 事件 HTML事件 HTML事件是可以在浏览器或用户做的某些事情 HTML事件的例子: HTML网页完成加载 HTML输入字段被修改 HTML按钮被点击通常,当事件发生时,用户会希望做某些事情,JavaScript则允许您在事件被侦测时执行代码. 通过JavaScript代码,HTML允许您向HTML元素添加事件处理程序 <element event = 'JavaScript'> ; //使用单引号 <element event…

JavaScript初探一（认识JavaScript）

JavaScript 初探 JavaScript插入HTML中内嵌的Js代码 <!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> JS </title> <script type="text/javascript"> // Js代码区域 </script> </head> </h…

JavaScript初探系列目录

一系列导航结合各方面的参考资料,整理出来以下主要目录,供方便浏览查看 (一)初探系列 JavaScript初探系列(1)——基本概念 JavaScript初探系列(2)——数组对象 JavaScript初探系列(3)——日期对象…

JavaScript中四种不同的属性检测方式比较

JavaScript中四种不同的属性检测方式比较 1. 用in方法 var o = {x:1}; "x" in o; //true "y" in o; //false "toString" in o; //true,继承属性可以被检测到 "toString" in Object.prototype; //true,不可枚举的属性可以被检测到 2. hasOwnProperty()方法 var o = {x:1}; o.hasO…

JavaScript（四）——DOM操作——Window.document对象

一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunment.getElementById("id");将找到的元素放在变量中: docunment.getElementsByName("name"):根据name找,找出来的是数组: docunment.getElementsByTagName("name"):根据标签名找,找出来的…

Javascript的四种继承方式

在Javascript中,所有开发者定义的类都可以作为基类,但出于安全性考虑,本地类和宿主类不能作为基类,这样可以防止公用访问编译过的浏览器级的代码,因为这些代码可以被用于恶意攻击. 选定基类后,就可以创建它的子类了.是否使用基类完全由你决定.有时,你可能想创建一个不能直接使用的基类,它只是用于给子类提供通用的函数.在这种情况下,基类被看作抽象类. 创建的子类将继承超类的所有属性和方法,包括构造函数及方法的实现.在Javascript中,所有方法和属性都是公用的,因此子类可直接访问这些方法.子类…

JavaScript初探三

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <ul id…

JavaScript初探系列之面向对象

面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装.继承.多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值.对象或者函数.可以简单理解为JS的对象是一组无序的值,其中的属性或方法都有一个名字,根据这个名字可以访问相映射的. 一重新认识面向对象为了说明 JavaScript 是一门彻底的面向对象的语言,首先有必要从面向对象的概念着手 , 探讨一下面向对…

JavaScript初探系列之Ajax应用

一什么是Ajax Ajax是(Asynchronous JavaScript And XML)是异步的JavaScript和xml.也就是异步请求更新技术.Ajax是一种对现有技术的一种新的应用,不是一门新语言.它是用JavaScript编写.与xml的关系就是可以读取和返回xml文件. Ajax在2005年提出的,在2006,2007年迅速的发展,目前很多网站都使用了ajax技术,在招聘软件工程师时,ajax技术是必须要求掌握的. AJAX即“Asynchronous JavaScript…

JavaScript初探系列之基本概念

JavaScript的核心语言特性在ECMA-262中是以名为ECMAScript(ECMA, EuropeanComputer Manufacturers Association )的伪语言的形式来定义的.ECMA, 该协会指定 39 号技术委员会(TC39, Technical Committee #39)负责 “ 标准化一种通用 . 跨平台 . 供应商中立的脚本语言的语法和语义 ” .虽然 JavaScript 和 ECMAScript 通常…

JavaScript初探系列之数组的基本操作

在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. 一.创建数组在JavaScript多种方式创建数组 (一)构造函数 1.无参构造函数,创建一空数组 var a1=new Array(…

深入理解 JavaScript（四）

前言 Bob 大叔提出并发扬了 S.O.L.I.D 五大原则,用来更好地进行面向对象编程,五大原则分别是: The Single Responsibility Principle(单一职责 SRP) The Open/Closed Principle(开闭原则 OCP) The Liskov Substitution Principle(里氏替换原则 LSP) The Interface Segregation Principle(接口分离原则 ISP) The Dependency Inver…

JavaScript初探系列（十）——Event

一.绑定事件的两种方式 (一).方式一:onclick 举例: <body> <button>点我</button> <script> var btn = document.getElementsByTagName("button")[0]; //这种事件绑定的方法容易被层叠. btn.onclick = function () { console.log("事件1"); } btn.onclick = functio…

JavaScript初探系列（十一）——ES6

一.前言 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言.这句话基本涵盖了为什么会产生ES6这次更新的原因——编写复杂的大型应用程序.回顾近两年的前端开发,复杂度确实在快速增加,近期不论从系统复杂度还是到前端开发人员数量应该达到了一个饱和值,换个方式说,没有ES6我们的前端代码依旧可以写很多复杂的应用,而ES6的提出更…

JavaScript初探系列（九）——BOM

一.什么是BOM? BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的.可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象. 二.关于BOM知识的思维导图三.主流浏览器的介绍浏览器内核主要指的是浏览器的渲染引擎,2013 年以前,代表有 Trident(IE),Gecko(firefox),Webkit(Safari chrome 等)以及 Presto…

JavaScript初探系列（六）——函数

一.概述 (一)函数的声明 JavaScript 有三种声明函数的方法. (1)function 命令 function命令声明的代码区块,就是一个函数.function命令后面是函数名,函数名后面是一对圆括号,里面是传入函数的参数.函数体放在大括号里面. function print(s) { console.log(s); } 上面的代码命名了一个print函数,以后使用print()这种形式,就可以调用相应的代码.这叫做函数的声明(Function Declaration). (2)函数表…

JavaScript初探系列（五）——this指向

一.涵义 this关键字是一个非常重要的语法点.毫不夸张地说,不理解它的含义,大部分开发任务都无法完成.this可以用在构造函数之中,表示实例对象.除此之外,this还可以用在别的场合.但不管是什么场合,this都有一个共同点:它总是返回一个对象.简单说,this就是属性或方法“当前”所在的对象. this.property 上面代码中,this就代表property属性当前所在的对象.下面是一个实际的例子. var person = { name: '张三', describe: functi…

Javascript基础四（数组，字符，对象，日期）

第一节:数组 1.数组的概念及定义可以存放一组数据: 当需要操作多个数据时: 2.数组的创建方式 var arr1 = [1,2,3]; //字面量方式 var arr2 = new Array(1,2,3) //构造函数方式注意:当只有一个数据时,两种创建方式的不同. var arr1 = [5] //表示有一个数组元素5 var arr2 = new Array(5) //表示有5个数组元素,值全部为undefined 数组的赋值: …

「JavaScript」四种跨域方式详解

超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript 的同源策略,并且了解使用跨域跨域的理由. 1. JSONP 首先要介绍的跨域方法必然是 JSONP. 现在你想要获取其他网站上的 JavaScript 脚本,你非常高兴的使用 XMLHttpRequest 对象来获取.但是浏览器一点儿也不配合你,无情的弹出了下面的错误信息: XMLHttpRequest cannot load http://x.com/main.dat. No 'Access…

javascript第四节其它引用对象

单体对象 Global对象(全局)这个对象不存在,无形的对象其内部定义了一些方法和属性:encodeURL.encodeURIComponent.decodeURI.decodeURIComponent.eval.parseInt.parseFloat.isNaN eval方法:无形的javascript解析器 var str1 = 'var a = 10; var b = 20' eval(str1); isNaN 判断一个对象是否不是number类型…

javascript继承(四)—prototype属性介绍

js里每一个function都有一个prototype属性,而每一个实例都有constructor属性,并且每一个function的prototype都有一个constructor属性,这个属性会指向自身.这会形成一个非常有意思的链式结构.举例如下: function Person(){ this.name =12; } console.log(Person.prototype); console.log(Person.prototype.constructor);//输出Person,指向自身…