JavaScript基础笔记(一)基本概念】的更多相关文章

一.函数返回值1.什么是函数返回值    函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变参(不定参)arguments function sum (a,b) { var result=0; var i=0; for(i=0;i<arguments.length;i++) { result+=arguments(i); } alert(resulet); } sum(12,5,7,5,5…
一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } 结果是2 二.JSON和for in 例: var obj={aa:1,bb:2,cc:3} var attr='';for (attr in obj){ alert(attr+'='+obj[attr]) } 结果是aa=1 bb=2 cc=3 三.NaN not a number 非数字 与自身…
JavaScript:学习笔记(2)——基本概念与数据类型 语法 1.区分大小写.Test 和 test 是完全不同的两个变量. 2.语句最好以分号结束,也就是说不以分号结束也可以. 变量 1.JS的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据. 2.定义局部变量: 3.定义全局变量: 说明:此处定义全局变量并没有声明var,因而message成了全局变量.这样,只要调用过一次test()函数,这个变量就有了定义,可以在函数外部的任何地方被访问到. 4.定义多个变量: var a…
JavaScript基础笔记集合   JavaScript基础笔记集合   js简介 js是脚本语言.浏览器是逐行的读取代码,而传统编程会在执行前进行编译   js存放的位置 html脚本必须放在<script>.</script>之内. <script>可放置在<head>.<body>里 和css一样,JS可以存放在外面,通过<script src="">来链接 现代浏览器不需要声明type="tex…
基本概念 一.语法 一)区分大小写 二)标识符 书写规则同Java 三)注释 略 四)严格模式 1.在整个脚本中启用严格模式:在顶部添加 "use strict" 2.指定函数在严格模式下执行: function doSth() { "use strict" //函数体 } 二.变量 ECMAScript变量类型是松散类型,所谓松散类型就是可以保存任何类型的数据. //定义变量 var msg; //注意由var定义的变量是局部变量,如果变量在函数中函数退出后变量就…
表单脚本 一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数值索引和name特性可以获得其中特定的表单. 一)提交表单 单击提交按钮或者图像按钮就可以提交表单. 三种方式: <!--通用提交按钮--> <input type='submit' value='submit value'> <!--自定义提交按钮--> <butt…
DOM扩展 一.选择符API Selectors API是由W3C发起制定的一个标准,致力于让浏览器原生支持CSS查询. 一)querySelector() 在Document和Element类型实例中都可以调用它,在Element类型实例中调用时, 只在该元素的后代元素中查找,该方法接收一个CSS选择符号. //取得 body 元素 var body = document.querySelector("body"); //取得 ID 为"myDiv"的元素 var…
JavaScript笔记1.JavaScript关键词2.JavaScript标识符 必须以字母,下划线(_)或美元符($)开始. 后续的字符可以是字母.数字.下划线或者美元符 (数字是不允许作为首字符出现的,以便JavaScript可以轻易区分开标识符和数字).3.JavaScript数据类型 JavaScript有多种数据类型:数字,字符串,数组,对象等等:4.JavaScript对大小写敏感 5.JavaScript字符集JavaScript使用UNicode字符集.Unicode覆盖了所…
/** * Created by Administrator on 2016/12/26. */ /* var box; alert( typeof box); box是Undefined类型,值是undefined,类型返回的字符串undefined var box=true; alert( typeof box); box是Boolean类型,值是true,类型返回的字符串boolean var box=''; alert( typeof box); //box是String类型,值是'',…
一.Javascript概述(知道) a.一种基于对象和事件驱动的脚本语言 b.作用: 给页面添加动态效果 c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAscipt. d.特点: 1). 弱势语言 2). 由浏览器直接解析执行.(函数不能直接执行) 3). 是一个解释性语言 4). 交互性(它可以做的就是信息的动态交互) 5). 安全性(不允许直接访问本地硬盘) 6). 跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关 e . javascript和java的…
最佳实践 一)松散耦合 1.解耦HTML/JavaScript: 1)避免html种使用js 2)避免js种创建html 2.解耦CSS/JS 操作类 3.解耦应用逻辑和事件处理 以下是要牢记的应用和业务逻辑之间松散耦合的几条原则:勿将 event 对象传给其他方法:只传来自 event 对象中所需的数据:任何可以在应用层面的动作都应该可以在不执行任何事件处理程序的情况下进行:任何事件处理程序都应该处理事件,然后将处理转交给应用逻辑.牢记这几条可以在任何代码中都获得极大的可维护性的改进,并且为进…
错误处理与测试 一.错误处理 一)try-catch语句 function atest() { try { //可能发生错误的代码 return 0; } catch (error) { //错误处理程序 console.log(error.message); return 1; } finally { //无论如何都会执行的,函数最后返回2 return 2; } } 错误类型: 1)Error:错误基类,其他错误类型都由该类继承. 2)EvalError:没有把eval()当函数调用时,会发…
JSON 关于JSON,最重要的一点是理解它是一种数据格式,不是编程语言. 一.语法 JSON 不支持变量.函数或对象实例,它就是一种表示结构化数据的格式,虽然与 JavaScript 中表示数据的某些语法相同,但它并不局限于 JavaScript 的范畴. JSON语法可以表示下列三种类型的值: 一)简单值 使用与JavaScript相同的语法,可以在JSON中表示字符串.数值.布尔值和null.但没有undefined. 注意在表示字符串时,只能使用双引号. 二)对象 对象作为一种复杂的数据…
事件 一.事件流 事件流描述的是从页面中接收事件的顺序. 一)事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点. 如:div------>body------->html 二)事件捕获 Netscape的事件流叫做事件捕获,与事件冒泡的顺序相反. 虽然事件捕获是 Netscape Communicator 唯一支持的事件流模型,但 IE9. Safari. Chrome. Opera和 Firefox 目前也都支持这种事件流模型.尽管“DO…
DOM DOM可以将任何HTML或者XML文档描述成一个由多层节点构成的结构. 一.节点层次 一)Node类型 DOM1定义了一个Node接口,该接口将由DOM中所有节点类型实现. 每一个节点都有一个nodeType属性,用于表明节点类型.节点类型由在Node类型中定义的12个数值常量来表示.  Node.ELEMENT_NODE(1): Node.ATTRIBUTE_NODE(2): Node.TEXT_NODE(3): Node.CDATA_SECTION_NODE(4): Nod…
BOM 一.Window对象 在浏览器中window对象即是全局对象,又是JavaScript访问浏览器的一个接口. 定义全局变量和定义window对象还是有差别的,全局变量不能通过delete操作符删除,而window变量可以. var a = "Global"; window.b = "Window"; delete a; delete window.b; console.log(a); //'Global' console.log(b); //'b is no…
函数表达式 一.闭包 概念:闭包是指有权访问另一个函数作用域中变量的函数. function createCompareFun(propertyName) { return function (obj1, obj2) { var a = obj1[propertyName]; var b = obj2[propertyName]; if (a < b) { return -1; } if (a > b) { return 1; } else { return 0; } } } //创建匿名函数…
JS式面向对象 一.理解对象 一)属性类型 ECMA-262 第 5 版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特征. ECMA-262 定义这些特性是为了实现 JavaScript 引擎用的,因此在 JavaScript 中不能直接访问它们. 1.数据属性 数据属性包含一个数据值的位置.在这个位置可以读取和写入值.数据属性有 4 个描述其行为的特性.  [[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修…
变量.作用域和内存问题 一.基本类型和引用类型的值 基本类型值:简单的数据段 引用类型值:由多个值构成的对象 基本类型是按值访问的,引用类型是按引用访问的. 不能给基本类型的值添加属性,尽管不会报错. 当从一个变量向另一个变量复制引用类型的值时,同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中.不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象.复制操作结束后,两个变量实际上将引用同一个对象.因此,改变其中一个变量,就会影响另一个变量 ECMAScript…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body { /* 一些标签的自定义 */ background: url(../img/backgroud.jpg); background-attachment: fixed; } div.right_top { position: absolut…
1.获取元素:                 var box=document.getElementById("box");2.改变元素内容:                 box.innerHTML("我要变内容"); 3.改变内容样式:                 box.style.color="#c00";   box.style.backgroundColor="#ccc"; box.style.width=…
Ajax 一.XMLHttpRequest对象 一)XHR用法 var xhr = new XMLHttpRequest(); //open()方法,参数一:发送方法,参数二:请求的URL,参数三:是否发送异步请求 //调用open()方法并会真正发送请求,只是启动一个请求以备发送. xhr.open('get', 'test.txt', false); //send()方法接受一个参数,即作为请求主体要发送的数据,如果无数据也要传入null xhr.send(null); //在收到请求后响应…
引用类型 引用类型的值(对象)是引用类型的一个实例. 一.Object类型 创建Object实例: //方法一:通过new操作符创建 var a = new Object(); a.neme = "Tom"; a.age = 3; //方法二:通过对象字面量创建,注意:此时的name什么的不是局部变量,'{}'相当于执行了new操作呢..... var b = { name: "Jerry", age: 3 }; var c = {}; //与new Object(…
JavaScript基础第04天笔记 1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式. 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素.数组是一种将一组数据存储在单个变量名下的优雅方式. 1.2 创建数组 JS 中创建数组有两种方式: 利用 new 创建数组 var 数组名 = new Array() : var arr = new Array(); // 创建一个新的空数组 注意 Array () ,A 要大写…
第15章   JavaScript基础 [学习重点] 了解JavaScript基础知识 熟悉常量和变量 能够使用表达式和运算符 正确使用语句 能够掌握数据类型和转换的基本方法 正确使用函数.对象.数组等核心知识和技法 能够编写简单的脚本,解决网页中常见特效和互动效果 15.1  JavaScript入门 JavaScript是一种轻量级.解释型的Web开发语言.现代浏览器都已嵌入了JavaScript引擎./sc 15.1.1 在网页中插入JavaScript代码 使用<script>标签,可…
JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我="张三" //声明双字节的变量名称 document.write("<h1>" + 我 + "</h1>"); 2.大小写敏感 与HTML标签和CSS样式码不同,JavaScript对于大小写是非常敏感的.为了避免出错,用户应养成…
一.JavaScript简介: 概念:JavaScript是一种解释性的.跨平台的.基于对象的脚本语言,一般用于客户端来给HTML页面增加动态的功能. 组成: 1.ECMAScript,描述了该语言的语法和基本对象 2.DOM 文档对象模型,描述处理网页内容的方法和接口 3.BOM 浏览器对象模型,描述与浏览器进行交互的方法和接口. 二.JavaScript 1.js的引入方式 1.1 放在HTML的<head>部分 1.2 放在HTML的<body>部分 1.3 从外部文件引入:…
JavaScript基础第05天笔记 1 - 作用域 1.1 作用域概述 通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域.作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突. JavaScript(es6前)中的作用域有两种: 全局作用域 局部作用域(函数作用域) 1.2 全局作用域 作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件. 1.3 局部作用域 作用于函数内的代码环境,…
JavaScript基础第03天笔记 1 - 循环 1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称 作用 初始化变量 通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数. 条件表达式 用于确定每一次循环是否能被执行.如果结果是 true 就继续循环,否则退出循环. 操作表达式 用于确定每一次循环是否能被执行.如果结果是 true 就继续循环,否则退出循环. 执行过程: 初始化变量,初始化操作…
JavaScript基础第02天 1 - 运算符(操作符) 1.1 运算符的分类 运算符(operator)也被称为操作符,是用于实现赋值.比较和执行算数运算等功能的符号. JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念:算术运算使用的符号,用于执行两个变量或值的算术运算. 浮点数的精度问题 浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数. var result = 0…