《力所能及的JavaScript》公开课 课堂笔记
JavaScript学习笔记,javascript基础知识,基础语法整理
Java Script 学习笔记SkylerCong制作目录一、Javascript初识 (2)1.Javascript的基本概念 (2)2.Javascript中函数的使用 (3)3.Javascript中的对象 (4)4.JavaScript中的行为 (5)二、Javascript中的时间对象 (6)1.时间对象的方法(从0开始) (6)2.时间对象的实际应用 (6)三、Javascript中的文字对象 (7)1.文字对象的属性和方法 (7)2.文字对象的实际应用 (8)四、Javascript中的图片应用 (9)1.图像对象的属性 (9)2.图像对象的实际应用 (9)五、Javascript在表单中的应用 (10)1.表单总揽 (10)2.表单的实际应用 (11)六、Javascript中窗口对象的应用 (12)1.窗口对象的方法 (12)2.窗口对象的实际应用 (12)七、Javascript中其他对象的应用 (14)1.浏览器信息的获取navigator (14)2.网页信息的获取 (14)3.首页和收藏夹的设置 (14)4.浏览器状态栏的信息显示 (14)5.随机显示文字 (14)6.Javascript脚本 (15)一、Javascript初识1.Javascript的基本概念i.javascript语言是网页中广泛使用的一种脚本语言。
ii.Javascript语言的特点:1.由Netscape公司开发,基于对象和事件驱动并具有一定安全性的脚本语言。
2.特点:a)Javascript是一种脚本语言,同时也是一种解释性语言;b)Javascript是靠浏览器中的javascript解释器来运行的,与操作环境没有关系;c)在javascript中,采用的是不太严格的数据类型,这样的俄好处是在定义或使用数据的时候可以更加方便,但也带来了容易混淆的问题;d)Javascript是一种基于对象的语言,这样就可以自己创建对象,并运用自己所创建的对象中的属性和方法制作出许多功能来;e)Javascript的主要作用是让网页动起来,同时也存在这一定的交互;f)Javascript具有安全性,不允许用户访问本地硬盘,不允许对网络中的文档进行修改或删除,这样就能有效地防止数据丢失以及恶意修改。
学习笔记之八JavaScript
JavaScript学习笔记Java相关课程系列笔记之八笔记内容说明JavaScript(王春梅老师主讲,占笔记内容100%);目录一、JavaScript概述 (1)1.1什么是JavaScript (1)1.2 JavaScript发展史 (1)1.3 JavaScript的特点 (1)1.4 JavaScript的定义方式 (1)1.5 JavaScript的代码错误查看 (2)1.6注释 (2)二、JavaScript基础语法 (3)2.1编写JavaScript代码 (3)2.2常量、标识符和关键字 (3)2.3变量 (3)2.4数据类型 (3)2.5 string数据类型 (3)2.6 number数据类型 (3)2.7 boolean数据类型 (3)2.8数据类型的隐式转换 (4)2.9数据类型转换函数 (4)2.10特殊类型 (5)2.11算术运算 (5)2.12关系运算 (5)2.13逻辑运算 (5)2.14条件运算符 (5)2.15流程控制语句 (5)三、JavaScript常用内置对象 (7)3.1什么是JavaScript对象 (7)3.2使用对象 (7)3.3常用内置对象 (7)3.4 String对象 (7)3.5 String对象与正则表达式 (8)3.6 Array对象 (8)3.7 Math对象 (10)3.8 Number对象 (11)3.9 RegExp正则表达式对象 (11)3.10 Date对象 (12)3.11函数与Function对象 (12)3.12全局函数 (13)3.13 Arguments对象 (14)四、window对象 (15)4.1 DHTML简介 (15)4.2 DHTML对象模型 (15)4.3 window对象 (15)4.4常用方法:对话框 (15)4.5常用方法:窗口的打开和关闭 (16)4.6常用方法:周期性定时器 (16)14.7常用方法:一次性定时器 (16)4.8案例:动态时钟 (16)五、Document对象与DOM (17)5.1概念 (17)5.2根据元素ID查找节点 (17)5.3根据层次查找节点 (17)5.4根据标签名称查找节点 (18)5.5读取或者修改节点信息 (18)5.6修改节点的样式 (18)5.7查找并修改节点 (18)5.8三个案例 (18)5.9增加新节点 (20)5.10删除节点 (21)5.11案例:联动菜单 (21)六、HTML DOM (23)6.1 HTML DOM概述 (23)6.2 Select对象 (23)6.3 Option对象 (23)6.4案例:联动菜单(HTML DOM方式) (23)6.5 Table对象 (24)6.6 TableRow对象 (24)6.7 TableCell对象 (24)6.8案例:产品列表 (24)七、window其他子对象(DHTML模型) (26)7.1 screen对象 (26)7.2 history对象 (26)7.3 location对象 (26)7.4 navigator对象 (26)7.5事件 (26)7.6 event对象 (27)八、面向对象基础 (29)8.1属性 (29)8.2方法 (29)8.3定义对象的三种方式 (29)8.4创建通用对象 (29)8.5创建对象的模版 (29)九、JSON (30)9.1 JSON概述 (30)9.2名称可以是属性 (30)9.3名称也可以是方法 (30)9.4案例:批量提交数据和下拉框版式日历 (30)2一、JavaScript概述1.1什么是JavaScript1)JavaScript是一种网页编程技术,用来向HTML页面添加动态交互效果。
javascript学习笔记讲解版
JavaScript学习笔记目录第 1 章JAVASCRIPT的语法 (1)1.1 什么是脚本程序和JA V ASCRIPT (1)1.1.1 什么是脚本程序 (1)1.1.2 Javascrpit的简介 (1)1.2 脚本代码的位置 (2)1.2.1 也可将javascript放入到单独的一个文件js文件,在需要使用的时候引入: (2)1.2.2 在超连接中使用javascript (3)1.2.3 在button中也可使用javascript (3)1.3 JA V ASCRIPT的保留关键字 (3)1.4 JA V ASCRIPT的基本语法 (3)1.4.1 基本数据类型和常量 (4)1.4.2 变量: (4)1.4.3 运算符号 (5)1.5 JS的控制语句 (6)1.5.1 switch选择语句 (6)1.5.2 While循环语句 (7)1.5.3 do while 语句 (7)1.5.4 for循环语句 (8)1.6 J S中的系统函数(它们都属于G LOBAL对象的方法,可以直接使用) (9)1.6.1 parseInt(numString,[radix])方法 (9)1.6.2 parseFloat方法 (9)1.6.3 isNaN方法 (9)1.6.4 eval方法,用处不小呀!! (9)1.7 对象 (9)1.7.1 对象与对象实例 (9)1.7.2 Math对象 (10)1.7.3 Date对象 (11)1.7.4 toString的方法 (11)1.8 数组 (11)1.8.1 数组列表 (11)1.9 A RRAY对象 (12)1.10 在函数中修改参数值的问题 (13)第 2 章DOM编程 (15)2.1 DOM简介 (15)2.2 如何编写事件处理程序 (16)2.3 WINDOW对象 (17)2.4 WINDOW对象-常用方法 (17)2.4.1 alert方法 (17)2.4.2 confirm方法 (17)2.4.3 prompt方法 (18)2.4.4 navigate方法 (18)2.4.5 setinterval方法 (18)2.4.6 setTimeout方法 (18)2.4.7 clearinterval方法 (18)2.4.8 clearTimeout方法 (18)2.4.9 moveTo方法 (18)2.4.10 resizeTo方法 (18)2.4.11 open方法 (18)2.5 WINDOW对象-属性 (20)2.6 WINDOW对象-事件 (21)2.6.1 onload事件 (21)2.6.2 onunload事件 (21)2.6.3 onbeforeunload事件 (21)2.6.4 通用事件(针对html元素而言) (22)2.7 WINDOW对象-对象属性 (22)2.7.1 location对象 (22)2.7.2 event对象 (23)2.7.3 screen对象 (23)2.7.4 history对象 (23)2.7.5 navigator对象 (23)2.7.6 document对象 (23)2.8 FORMS对象(DOCUMENT的对象属性) (27)2.8.1 form对象 (27)2.8.2 form表单字段元素的应用案例 (27)第 1 章javascript的语法1.1什么是脚本程序和javascript1.1.1什么是脚本程序<html><script language=“JavaScript”>alert(new Date()); ----→就是在浏览器中跳出一个对话框</script>顺平你好!</html>问题:●什么时候执行,在哪里执行的?(注意顺平你好是什么时候显示的?????)1.1.2Javascrpit的简介最早是livescript,是一种基于对象和事件驱动,并具备安全性的脚本语言,是有netscapce公司提供的,后和sun公司合作,将livescript更名为javascript microsoft jscirpt1.1.2.1Java 与javascript的关系●由两个公司提供的.●作用与用途不一样.●两个公司合作,这样他们的语法有相识之处●javascript不是java的子集1.1.2.2javacript、Jscript 与ECMAscriptjscript是由微软提供的,由于得不到netscape公司的技术支持,自己编写的.它和javascript就非常相似的.他们在不停的发展,你可以去网站了解最新的标准.Javascript : Jscript: http://msdn.microsoft/scripting1.2脚本代码的位置<script>var sp=“中国”;</script><p>这是一个html段落</p><script>alert(sp);</scipt>它等同与将<p>这是一个html段落</p><script>var sp=“中国”;alert(sp);</scipt>为了防止浏览器将javascript的内容与html相互混淆,你可以在<script>之间加入<!-- -- >1.2.1也可将javascript放入到单独的一个文件js文件,在需要使用的时候引入:比如:你的一个js 文件var sp="中国";alert(sp);在某个网页文件中引入<html><script src="my.js" language="javascript"></script>顺平!</html>这个效果如同将my.js的所有内容都引入到<script></script>标签之间1.2.2在超连接中使用javascript<a href="javascript: alert(new Date());">顺平!</a>1.2.3在button中也可使用javascript<input type=button value=test onclick=“alert(new Date());”>其实就是对html控件的事件进行处理1.3javascript的保留关键字查看javascript帮助文档1.4javascript的基本语法不要使用javascript的保留字javascript大小写敏感sp , Sp是不同的中,英文的分号、引号要注意.Javascript的注释:// 单行注释/* */多行注释1.4.1基本数据类型和常量1.4.1.1整形常量比如: 1 ,45,5671.4.1.2实数常量比如: 34.5 ,67.891.4.1.3布尔常量true,false1.4.1.4字符串常量没有字符常量,即使是一个字符,也被当作字符串“a girl”, …abcde‟,”a”,”“注意: 1如果有特殊字符串,要有\ 转义2 在js中不能把一个长的字符串简单的分成多行显示,要有+来分行1.4.1.5null常量1.4.1.6undefine常量1.4.2变量:js 中是弱数据类型的,在定义变量时,不需要指明该变量的类型(由js引擎来决定) var name=“shunping”; //name是字符串var kk=2 //kk是数var yy //yy是undefined如果name=234;//这时name自动变成数.不声明变量直接使用x=345; //亦可, 但是这应该是一个字符串1.4.3运算符号1.4.3.1算术运算符号加号运算符☞注意:可以用于数的加运算,也可以用于字符串的拼结。
javascript权威指南第七版笔记
javascript权威指南第七版笔记摘要:1.概述2.语言基础3.面向对象编程4.DOM 操作5.事件处理6.异步编程7.客户端存储8.获取和操作数据9.处理错误10.优化和调试11.模块化编程12.实战案例正文:《JavaScript 权威指南第七版笔记》是一本关于JavaScript 编程的详尽指南,涵盖了语言基础、面向对象编程、DOM 操作、事件处理、异步编程、客户端存储、获取和操作数据、处理错误、优化和调试、模块化编程等多个方面。
以下是本书各章节的主要内容概括:1.概述:介绍了JavaScript 的历史、用途、基本概念和开发环境。
2.语言基础:讲解了JavaScript 的基本语法、数据类型、变量、运算符、流程控制、函数和作用域等基本知识。
3.面向对象编程:介绍了JavaScript 的原型、原型链、构造函数、对象创建和封装等面向对象编程的概念和技巧。
4.DOM 操作:讲述了DOM(文档对象模型)的基本概念,以及如何使用JavaScript 操作DOM 元素,包括节点查找、节点操作、属性操作和文本操作等。
5.事件处理:介绍了事件的概念、事件流(冒泡和捕获)、事件处理程序(内联、DOM0 级和DOM2 级)、事件对象(类型、目标、阻止默认行为、阻止冒泡等)以及鼠标事件和键盘事件等。
6.异步编程:讲解了异步编程的基本概念,如回调函数、Promise、async/await 等,以及AJAX(异步JavaScript 和XML)的原理和实践。
7.客户端存储:介绍了浏览器存储的各种方式,包括cookie、localStorage、sessionStorage 和IndexedDB 等。
8.获取和操作数据:讲述了如何使用JavaScript 获取和操作各种数据类型,如字符串、数字、布尔值、数组、对象和正则表达式等。
9.处理错误:介绍了JavaScript 中的错误类型、异常处理和调试方法,以及如何编写健壮的代码来避免错误。
udemy的javascript课程笔记
udemy的javascript课程笔记以下是udemy的JavaScript课程的一些主要笔记:1.JavaScript是一种脚本语言,主要用于在Web浏览器中实现交互功能。
2.JavaScript的主要特点包括:解释性语言、基于对象、原型、弱类型等。
3.JavaScript的基本语法包括变量、数据类型、运算符、控制结构等。
4.JavaScript中的变量可以使用var、let或const声明,其中var声明的作用域是函数作用域,let和const声明的作用域是块级作用域。
5.JavaScript中的数据类型包括原始数据类型和对象数据类型,其中原始数据类型包括Number、String、Boolean、Null、Undefined等,对象数据类型包括Object、Array等。
6.JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符、位运算符等。
7.JavaScript中的控制结构包括if语句、switch语句、for循环、while循环等。
8.JavaScript中的函数是一段可重复使用的代码块,可以接受参数并返回值。
函数可以使用function关键字声明,也可以使用简洁声明方式。
9.JavaScript中的闭包是一种特殊类型的函数,它可以访问并操作其他函数的变量作用域。
闭包常常用于实现私有变量和函数,以及实现模块化编程。
10.JavaScript中的异步编程可以使用回调函数、Promise对象、async/await等实现。
其中async/await是基于Promise实现的,可以让异步代码看起来像同步代码一样。
11.JavaScript中的事件处理程序是一种特殊的函数,用于响应用户的交互操作,如点击按钮、提交表单等。
事件处理程序可以通过事件监听器绑定到元素上,并指定当事件发生时要执行的函数。
12.JavaScript中的DOM(文档对象模型)是一种编程接口,用于操作HTML和XML文档。
JavaScript学习笔记(一)
JavaScript学习笔记(一)isFinite(num)判断一个数是否无穷大,不是则返回trueisNaN(num)判断是否不是一个数字,如果num不是数字则返回true,反之返回falsetoString()可以将布尔值,数字转化成字符串。
数字转化成字符串还可以: var num = 10; num.toString(2); // 1010 num.toString(8); // 12parseInt(sNum)对字符串型转化成int型parseInt('12ab')// 12, parseInt('12.2')// 12, parseInt('da22')// NaN, parseInt('oxA')// 10parseInt('10',2)// 2 , parseInt('10',8)// 8 , parseInt('10',10)// 10 parseInt('010')// 8 , parseInt('010',8)//8 , parseInt('010',10)// 10parseFloat(sNum)对字符串型转化成float型parseFloat('12ab')// 12.0, parseFloat('12.2')// 12.2, parseFloat('da22')// NaN, parseFloat('oxA')// NaNparseFloat('090')// 90强制转换:Boolean(value)Boolean('')// false, Boolean('hi')// true, Boolean(100)// true, Boolean(null)// false Boolean(0)// false, Boolean(new Object())// trueNumber(value)Number(false)// 0, Number(true)// 1, Number(undefined)// NaN, Number(null)// 0Number('5.5')// 5.5 Number('56')// 56 Number('1.2.3')// NaN, Number(new Object())// NaN, Number(100)// 100String(value)String(null)// 'null', var oNull = null; oNull.toString()// 报错Object类具有的属性:constructor:对创建对象的函数的引用(指针)。
javascript笔记总结
javascript笔记总结JavaScript 是一种广泛应用于网页开发的脚本语言,它可以为网页增加交互性和动态功能。
以下是一些 JavaScript 的笔记总结:1. 数据类型,JavaScript 包括基本数据类型(如数字、字符串、布尔值)和复杂数据类型(如对象、数组、函数)。
2. 变量和常量,使用 var、let 或 const 关键字声明变量和常量,变量可以被重新赋值,而常量则不能。
3. 控制流,JavaScript 支持条件语句(if-else)、循环语句(for、while)、以及跳出循环的关键字(break、continue)。
4. 函数,可以使用 function 关键字定义函数,函数可以接受参数并返回值。
5. 对象和数组,JavaScript 中的对象是键值对的集合,数组是有序的值的集合,它们都可以动态地增加、删除或修改其内容。
6. 事件处理,JavaScript 可以通过事件处理函数响应用户的交互行为,如点击、鼠标移动等。
7. DOM 操作,JavaScript 可以通过 Document Object Model (DOM)来操作网页的结构、样式和内容。
8. 异步编程,JavaScript 支持异步编程,可以通过回调函数、Promise 或 async/await 来处理异步操作。
9. 错误处理,JavaScript 提供了 try...catch...finally 结构来捕获和处理程序运行时的错误。
总的来说,JavaScript 是一种强大且灵活的脚本语言,能够为网页提供丰富的交互体验和动态功能。
希望这些笔记总结可以帮助您更好地理解 JavaScript 的基本概念和特性。
JAVASCRIPT学习记录
JAVASCRIPT学习记录学习记录:JavaScript学习记录:JavaScriptJavaScript是一种广泛应用于网页和移动应用开发的脚本语言。
作为一名前端开发人员,学习JavaScript是必不可少的,因为它不仅可以为网站增加交互性,还可以实现动态效果、创建图表、处理表单验证等。
在学习JavaScript的过程中,我首先学习了基本的语法和数据类型。
JavaScript的语法与许多其他编程语言相似,它由语句和表达式组成。
语句是执行一些动作或操作的命令,而表达式是由值、运算符和变量组成的。
我掌握了基本的语句语法,如if语句、for循环和函数的使用。
接下来,我学习了JavaScript中的变量和数据类型。
JavaScript有几种基本数据类型,包括数字、字符串、布尔值、数组和对象。
了解这些数据类型对于正确使用和操作数据至关重要。
我还学习了变量的声明和赋值,以及变量的作用域和生命周期。
熟悉变量的使用和数据类型的判断是编写高质量代码的基础。
在学习了基本的语法和数据类型之后,我开始了解JavaScript中的函数和对象。
函数是可重复使用的代码块,可以接受输入参数并返回结果。
我学习了如何声明和调用函数,以及如何编写具有不同功能的函数。
对象是JavaScript的核心构建块之一,它是一种复合数据类型,可以存储多个值和方法。
我学习了如何创建对象、添加属性和方法,并了解了如何使用对象进行数据的组织和操作。
除了基本的语法和数据类型,我还学习了JavaScript中的条件语句和循环结构。
条件语句允许根据不同的条件执行不同的代码块。
我掌握了if语句和switch语句的使用,以及如何使用逻辑运算符对多个条件进行判断。
循环结构允许重复执行一些代码块,它有for循环、while循环和do-while循环等不同的类型。
我学习了这些循环结构的使用方法,并尝试编写了一些实例来加深理解。
除了DOM操作,我还学习了AJAX和JSON的使用。
JavaScript知识点课堂笔记
<html> <body> <script type="text/javascript"> document.write("Hello World!"); </script> </body> </html> ======================== 如果需要把一段 JavaScript 插入 HTML 页面, 我们需要使用 <script> 标签 (同 时使用 type 属性来定义脚本语言)。
这样,<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。
document.write 字段是标准的 JavaScript 命令,用来向页面写入输出。
当页面载入时,会执行位于 body 部分的 JavaScript。
当被调用时,位于 head 部分的 JavaScript 才会被执行。
===================================================<html> <head> <script type="text/javascript"> function message() { alert("该提示框是通过 onload 事件调用的。
") } </script> </head> <body onload="message()"> </body> </html> ================================================ 位于 head 部分的脚本: 当脚本被调用时,或者当事件被触发时,脚本就会被执行。
javascript学习笔记78页
JavaScript读书笔记以下笔记大部分整理自《JavaScript权威指南》,本文仅方便大家遇到问题时快速查询。
建议大家阅读原书。
水平有限,如有错误请大家指正。
1JavaScript基本语法1)读未声明的变量会产生错误。
写未声明的变量会是JavaScript环境自动产生一个全局变量。
2)对于完全等同“===”,两个null或者两个undefined是等同的;但null与undefined是不等同的。
3)对于相等“==”,null与undefined是相等的。
若值与对象比较,核心语言内部类会尝试用valueof()转换,再尝试用toString()转换。
就是说valueof()会比toString()有更高的优先级。
但规则不绝对,例如Date类,它会首先尝试用toString()转换。
当类的这两个方法实现不一致时,在要进行类型转换时指定具体的实现方法比较安全。
4)在比较运算中,若一个对象或值被转换成NaN(Not a Number),则永远返回false。
5)in可以检查指定字符串是否是一个对象的基本属性或方法名称;instanceof运算符返回左边的对象是否右边类的一个实例;delete可以删除一个属性,它不会影响到属性关联的对象的生存,若该属性不存在会返回true;[]可以以字符串的方式存取对象的属性。
6)typeof函数的返回值:数字——number,字符串——string,布尔值——Boolean,对象、数组、null——object,函数名——function或undefined(未定义时)。
主要用来区别区别对象和原始类型。
要区分对象的具体类型,用instanceof运算符。
7)在函数体内有隐含的arguments对象,可取得所有传入的参数,可用类似数组的方式读/写各参数,length属性表示参数的个数。
但函数的只读属性length表示函数实际定义的参数个数。
一个名为callee的属性代表函数本身。
JavaScript基础笔记
JavaScript基础笔记目录Css中的position的fixed属性使用方法 (3)课程一 (4)JavaScript概述: (4)Javascript与java的不同: (4)JavaScript语法: (4)JavaScript语句: (4)JavaScript数组: (5)JavaScript函数: (5)课程二 (7)对象: (7)JavaScript中特有的语句: (8)With语句: (8)For in语句: (8)JavaScript中已有的对象: (9)String对象 (9)Math对象: (10)Data对象: (11)对象的原型:prototype。
(11)课程三: (14)DOM (14)Dom的三层模型: (14)JavaScript获取节点并改变样式: (14)用JavaScript写一个猜数字的游戏。
(15)第四讲: (15)JavaScript回顾: (15)给array添加新的查找最大值的方法: (17)给string添加新的方法(给字体添加样式,此方法原本已有,名为fontcolor) (18)第五讲:dom操作 (18)深入了解dom (18)样式对象: (18)节点介绍 (19)节点类型: (19)节点关系: (19)获取节点的方法: (19)节点的获取举例: (20)第六讲: (21)Window对象 (21)获取当前窗体的名称和浏览器的版本信息 (21)获取当前页面的href值 (22)Confirm对话框: (22)Window对象的moveBy方法;(演示中,只对ie有效) (23)Window对象的moveTo方法:(演示中,只对ie有效) (23)抖动窗口的设置:(演示中,只对ie有效) (23)用JavaScript打开一个新的窗口。
Open函数 (23)Close和setTime函数的使用 (23)Window的setInterval函数 (24)Window的三个事件。
js笔记总结
js笔记总结好的,以下是一份JavaScript的笔记总结:1. 基础语法:变量:使用`var`、`let`或`const`声明变量。
数据类型:JavaScript有7种数据类型,包括`Number`、`String`、`Boolean`、`Object`、`Null`、`Undefined`和Symbol。
函数:使用`function`关键字定义函数。
控制结构:如`if`、`for`、`while`等。
2. 面向对象编程:构造函数:使用构造函数创建对象。
原型链:JavaScript使用原型链实现继承。
原型和实例:每个JavaScript对象都有一个指向其原型的内部链接。
3. 数组和对象:数组:JavaScript中的数组是一种特殊的对象,用于表示和操作有序的数据。
对象:对象是一种复杂的数据类型,用于存储多个值作为键值对。
4. 事件处理:事件监听器:用于监听和响应用户与网页的交互。
5. 函数式编程:高阶函数:接受函数作为参数或返回函数的函数。
闭包:当一个函数在其词法作用域外部被引用时,就会形成一个闭包。
6. 异步编程:Promise:用于处理可能不立即完成的操作。
async/await:使异步代码看起来像同步代码。
7. 错误处理:try/catch/finally:用于捕获和处理运行时错误。
8. DOM操作:获取元素:使用`()`、`()`等。
修改元素:改变元素的内容、样式等。
9. 浏览器兼容性:使用工具如Babel将ES6+代码转换为ES5代码,以确保在所有浏览器中都能运行。
10. 性能优化:使用工具如Chrome DevTools进行性能分析,优化代码。
11. 模块化:使用模块化编程来组织和管理代码,例如使用ES6模块或CommonJS模块。
12. 工具和库:使用工具如webpack、Gulp等构建工具和库如React、Vue等前端框架,简化开发过程。
13. 测试和调试:使用工具如Jest、Mocha等进行单元测试和集成测试,使用console和debugger进行调试。
javascript笔记知识点整理图文
一、JavaScript基础1.变量:区分大小写(html不区分大小写)变量和作用域:1)Js在函数内部直接读取全局变量2)在函数外部无法读取函数内部的局部变量3)在函数内部声明变量的时候,要使用var,如果不用,则认为声明的是全局变量2.标识符的命名:第一个字符必须是字母、下划线或$第二个字符及以后:字母、数字、下划线或¥3.保留字(不可以当做标识符):4.声明变量:1)声明变量: var a;2)赋值: a=10;3)声明变量和初始化变量:var a=10;4)声明多个变量: var x,y,z=10;5)不声明变量,直接使用:x=105.数据类型:1)Typeof操作符:用来检测变量的数据类型:a)Undefined:未定义b)Boolean:布尔型c)String:字符串d)Number:数值e)Object:对象/nullf)Function:函数g)例如:Var sun=“太阳”;Alert(typeof sun);2)Undefined类型:定义了一个变量但是没有给这个变量赋值、使用一个为定义的量、或者用了一个不存在的对象的属性的时候,返回undefined3)Null类型:空字符,表示不存在的值a)如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null。
b)养成编码的规范,不要忘记初始化变量。
4)Boolean类型:true/false(小写)a)Var hello=“hello world”;a)alert(typeof hello)ength。
b)Sdc)重载:就是根据参数选择相同函数名而参数不同的函数6.调用函数的三种方式1)直接调用函数2)以call()方法调用函数:需要动态传入一个函数引用(动态的调用函数)函数的引用.call(调用者,参数1,参数2)3)以apply()方法调用函数4)Apply()和call()的区别:Call()调用的时候,必须在括号内详细的列出每个参数Apply()动态调用的时候,可以在括号中用arguments来代表所有参数7.对象的创建1)使用new关键字调用构造器创建对象2)使用object直接创建对象Js的对象都是object类的子类3)使用json创建对象二、语句1.Foreach循环:for(var 变量名 in 数组名){ }2.For循环:for(var 变量名;范围;变量++/--) { }3.If语句4.While语句5.Do while语句6.Switch语句7.Break:跳出整个循环(当前所在的循环)Continue:结束本次循环,进行下一次循环跳出外层循环:设置标签,如图三、DOM(document object model)文档对象模型1.DOM HTML1)改变HTML内容:(id).innerHTML = new html; =新内容或者:2)改变HTML属性(id).attribute = new value; id.属性=新的属性值2.DOM CSS(id).=new style; .属性=新的属性值3.DOM事件1)Onclick事件:在html元素上点击执行function;2)Ondblclick时间:双击触发3)Onload事件/onunload事件共同点:在用户进入或者离开页面的时候被触发;用于处理cookie不同点:onload检测发访问者的浏览器类型和版本,加载网页的正确版本4)Onchange事件:对输入的字段进行验证5)Onmouseover/onmouseout事件:鼠标放在元素上面/移动的时候触发函数类似伪元素选择器:hover,不同在于这个触发函数6)Onmousedown/onmouseup事件:点击按钮的时候触发事件1,松开鼠标后,触发事件2,最后结束的时候,类似事件onclick。
javascript 权威指南 要点笔记
文章标题:深度解读《Javascript权威指南》要点笔记一、前言Javascript作为一种流行的脚本语言,广泛应用于网页开发、移动应用和服务器端开发等领域。
《Javascript权威指南》作为一部权威的经典著作,对Javascript语言进行了全面深入的剖析和解释。
本文将针对《Javascript权威指南》的要点笔记进行全面解读,帮助读者更好地理解Javascript语言的核心概念和特性。
二、基础概念1. 数据类型和变量Javascript中的数据类型包括基本数据类型和对象类型,如数字、字符串、布尔值、数组、对象等。
变量在Javascript中的声明和使用方式也非常灵活,可以用var、let和const关键字来声明变量,并且支持动态类型。
2. 控制流程Javascript语言支持条件语句、循环语句和函数调用等控制流程结构,能够实现灵活的程序控制和逻辑判断。
3. 函数和闭包函数是Javascript中的基本组件,可以接收参数、返回值,并且可以嵌套使用。
闭包则是Javascript中非常重要的概念,可以实现变量的封闭和保护,能够帮助程序实现更加灵活的逻辑。
4. 对象和原型Javascript中的对象是基于原型的,可以动态地扩展和修改对象的属性和方法。
原型链是Javascript中非常重要的概念,影响了对象的继承和属性查找方式。
5. 异常处理Javascript语言支持try-catch-finally结构来捕获和处理异常,能够保证程序在出现异常时有相应的处理机制。
三、高级特性1. 函数式编程Javascript是一门支持函数式编程的语言,可以使用高阶函数、匿名函数和箭头函数来实现函数式编程的思想。
2. 异步编程Javascript中的异步编程非常重要,可以通过回调函数、Promise对象和async/await等方式来实现异步处理,能够实现并发执行和非阻塞IO操作。
3. 模块化Javascript的模块化能力在近年来得到了大幅改进,可以使用ES6的模块化语法和模块加载器来实现模块化开发和依赖管理。
JavaScript学习笔记大总结
JavaScript学习笔记大总结有些时候你精通一门语言,可是会发觉你其实成天在和其它语言打交道,或许你以为这些微乎其微,不至于阻碍你的开发进度,但恰正是这些你不重视的东西会浪费你很多时刻,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才愈来愈感觉JavaScript远比我想象的复杂和壮大,我开始崇拜它,就像崇拜所有OOP语言一样~趁着节日的空隙,把有关JavaScript的方法和技巧整理下,让每个在为JavaScript而烦恼的人明白,JavaScript就这么回事!并希望JavaScript还可以成为你的朋友,让你豁然开朗,在项目中更好的应用~适合阅读范围:对JavaScript一无所知~离精通只差一步之遥的人基础知识:HTMLJavaScript就这么回事1:基础知识1 创建脚本块1: <script language=”JavaScript”>2: JavaScript code goes here3: </script>2 隐藏脚本代码1: <script language=”JavaScript”>2: <!--3: (“Hello”);4: 3: </noscript>4 链接外部脚本文件1: <script language=”JavaScript” src="/”"”></script> 5 注释脚本1: plit(“&”);4: for (i = 0; i < ; i++) {5: var pairParts = parameterParts[i].split(“=”); 6: var pairName = pairParts[0];7: var pairValue = pairParts[1];8: (pairName + “ :“ +pairValue );9: }10: </script>你还以为HTML是无状态的么?33 打开一个新的document对象1: <script language=”JavaScript”>2: function newDocument() {3: ();4: (“<p>This is a New Document.</p>”);5: ();6: }7: </script>34 页面跳转1: <script language=”JavaScript”>2: = “3: </script>35 添加网页加载进度窗口1: <html>2: <head>3: <script language='javaScript'>4: var placeHolder = ('','placeholder','width=200,height=200'); 5: </script>6: <title>The Main Page</title>7: </head>8: <body onLoad='()'>9: <p>This is the main page</p>10: </body>11: </html>JavaScript就这么回事3:图像36 读取图像属性1: <img src="/”"” name=”myImage”> 2: <a href=”# ” onClick=”3:37 动态加载图像1: <scr ipt language=”JavaScript”>2: myImage = new Image;3: = “”;4: </script>38 简单的图像替换1: <script language=”JavaScript”>2: rollImage = new Image;3: = “”;4: defaultImage = new Image;5: = “”;6: </script>7: <a href="/”myUrl"” onMouseOver=” = ;”8: o nMouseOut=” = ;”>9: <img src="/”"” name=”myImage” width=100 height=100 border=0>39 随机显示图像1: <script language=”JavaScript”>2: var imageList = new Array;3: imageList[0] = “”;4: imageList[1] = “”;5: imageList[2] = “”;6: imageList[3] = “”;7: var imageChoice = () * ;8: (‘<img src=”’ + imageList[imageChoice] + ‘“>’); 9: </script>40 函数实现的图像替换1: <script language=”JavaScript”>2: var source = 0;3: var replacement = 1;4: function createRollOver(originalImage,replacementImage) { 5: var imageArray = new Array;6: imageArray[source] = new Image;7: imageArray[source].src = originalImage;8: imageArray[replacement] = new Image;9: imageArray[replacement].src = replacementImage;10: return imageArray;11: }12: var rollImage1 = createRollOver(“”,””);13: </script>14: <a href=”#” onMouseOver=” = rollImage1[replacement].src;”15: onMouseOut=” = rollImage1[source].src;”>16: <img src="/”"” width=100 name=”myImage1” border=0>17: </a>41 创建幻灯片1: <script language=”JavaScript”>2: var imageList = new Array;3: imageList[0] = new Image;4: imageList[0].src = “”;5: imageList[1] = new Image;6: imageList[1].src = “”;7: imageList[2] = new Image;8: imageList[2].src = “”;9: imageList[3] = new Image;10: imageList[3].src = “”;11: function slideShow(imageNumber) {12: = imageList[imageNumber].src;13: imageNumber += 1;14: if (imageNumber < {15: (“slideShow(“ + imageNumber + “)”,3000); 16: }17: }18: </script>19: </head>20: <body onLoad=”slideShow(0)”>21: <img src="/”"” width=100 name=”slideShow”>42 随机广告图片1: <script language=”JavaScript”>2: var imageList = new Array;3: imageList[0] = “”;4: imageList[1] = “”;5: imageList[2] = “”;6: imageList[3] = “”;7: var urlList = new Array;8: urlList[0] = “”;9: urlList[1] = “”;10: urlList[2] = “”;11: urlList[3] = “”;12: var imageChoice = () * ;13: (‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“></a>’);14: </script>JavaScript就这么回事4:表单仍是先继续写完JS就这么回事系列吧~43 表单组成1: <form method=”post” action=”” name=”thisForm”> 2: <input type=”text” name=”myText”>3: <select name=”mySelect”>4: <option value=”1”>First Choice</option>5: <option value=”2”>Second Choice</option>6: </select>7: <br>8: <input type=”submit” value=”Submit Me”>9: </form>44 访问表单中的文本框内容1: <fo rm name=”myForm”>2: <input type=”text” name=”myText”>3: </form>4: <a href='#' onClick=''>Check Text Field</a>45 动态复制文本框内容1: <form name=”myForm”>2: Enter some Text: <input type=”text” name=”myText”><br> 3: Copy Text: <input type=”text” name=”copyText”>4: </form>5: <a href=”#” onClick=” =6: Text Field</a>46 侦测文本框的转变1: <form name=”myForm”>2: Enter some Text: <input type=”text” name=”myText” onChange=”alert;”>3: </form>47 访问选中的Select1: <form name=”myForm”>2: <select name=”mySelect”>3: <option value=”First Choice”>1</option>4: <option value=”Second Choice”>2</option>5: <option value=”Third Choice”>3</option>6: </select>7: </form>8: <a href='#' onClick='alert'>Check Selection List</a> 48 动态增加Select项1: <form name=”myForm”>2: <select name=”mySelect”>3: <option value=”First Choice”>1</option> 4: <option value=”Second Choice”>2</option> 5: </select>6: </form>7: <script language=”JavaScript”>8:9: - 1].text = “3”;10: - 1].value = “Third Choice”;11: </script>49 验证表单字段1: <script language=”JavaScript”>2: function checkField(field) {3: if == “”) {4: (“You must enter a value in the field”);5: ();6: }7: }8: </script>9: <form name=”myForm” action=””>10: Text Field: <input type=”text”name=”myField”onBlur=”checkField(this)”>11: <br><input type=”submit”>12: </form>50 验证Select项1: function checkList(selection) {2: if == 0) {3: (“You must make a selection from the list.”); 4: return false;5: }6: return true;7: }51 动态改变表单的action1: <form name=”myForm” action=””>2: Username: <input type=”text” name=”username”><br>3: Password: <input type=”password” name=”password”><br>4: <input type=”button” value=”Login” onClick=”5: <input type=”button” value=”Register” onClick=” = ‘’;6: <input type=”button” value=”Retrieve Password” onClick=” = ‘’; 7: </form>52 利用图像按钮1: <form name=”myForm” action=””>2: Username: <input type=”text” name=”username”><br>3: Password: <input type=”password”name=”password”><br>4: <input type=”image” src="/”"” value=”Login”>5: </form>6:53 表单数据的加密1: <SCRIPT LANGUAGE='JavaScript'> 2: <!--3: function encrypt(item) {4: var newItem = '';5: for (i=0; i < ; i++) {6: newItem += (i) + '.';7: }8: return newItem;9: }10: function encryptForm(myForm) { 11: for (i=0; i < i++) {12: [i].value = encrypt[i].value); 13: }14: }15:16: 3: </body>69 数据公用能够在框架页面概念数据项,使得该数据能够被多个框架中的页面公用1: <script language=”JavaScript”>2: var persistentVariable = “This is a persistent value”; 3: </script>4: <frameset cols=”50%,*”>5: <frame name=”frame1” src="/”"”>6: <frame name=”frame2” src="/”"”>7: </frameset>这样在frame1和frame2中都可以使用变量persistentVariable70 框架代码库依照以上的一些思路,咱们能够利用一个隐藏的框架页面来作为整个框架集的代码库1: <frameset cols=”0,50%,*”>2: <frame name=”codeFrame” src="/”"”>3: <frame n ame=”frame1” src="/”"”>4: <frame name=”frame2” src="/”"”>5: </frameset>。
JavaScript课堂笔记
JavaScript1、JavaScript是什么? (2)2、 JavaScript的组成部分 (2)1)、ECMAScript (2)2)、DOM (2)3)、BOM (3)3、 ECMAScript(语言基础) (3)1)、标识符 (3)2)、语句 (3)3)、大小写敏感 (3)4)、弱类型语言 (3)5)、注释 (3)6)、数据类型 (4)(1)、基本类型 (4)(2)、数据类型的转换 (4)(3)、字符串常用的属性和方法 (5)(4)、引用类型(后面讲) (5)7)、数组 (5)(1)、创建数组 (5)(2)、创建多维数组 (6)(3)、数组的排序 (6)(4)、数组的常用属性和方法 (6)8)、函数 (6)(1)、基本语法 (6)(2)、函数可以与返回值 (6)(3)、注意 (7)4、DOM (7)1)、dom是什么? (7)2)、w3c dom模型 (7)(1)、基本结构(了解) (7)(2)、操作 (8)5、BOM (9)1)、什么是bom? (9)2)、window对象 (9)3)、location对象 (11)4)、document对象 (11)5)、navigator对象 (11)6)、screen对象 (11)6、事件处理机制 (11)1)、事件绑定 (11)2)、事件绑订的方式 (11)3)、如何获得事件对象 (12)4)、事件对象的作用 (12)5)、事件冒泡 (12)7、引用类型 (12)1)、Object (12)2)、Array(略) (13)3)、Date (13)4)、RegExp (13)5)、Function类型(所有的函数都是) (13)1、JavaScript是什么?是由网景公司开发的一种用来操作浏览器,操作网页(对网页进行动态的交互,实现动态的效果)的一种脚本。
由浏览器来解释执行。
2、JavaScript的组成部分1)、ECMAScript由ECMA组织制定的一个脚本语言规范,该规范定义了脚本语言的语言基础部分(包括数据类型、关键字、标识符、对象、语句、运算符)。
javascript笔记整理讲解
Javascript基础一、Javascript 概述(一)、什么是Javascript是一种运行与Javascript解析器/ 引擎中的解释型脚本语言编译型:运行之前会做检查语法结构是否有问题,如果有问题的话,程序是不会被运行的解释型:不会检查错误,直接运行,直到碰见错误再停止运行(二)、运行环境1、独立安装的Javascript解析器NodeJS2、嵌入在浏览器内核中的Javascript解析器(三)、Javascript 发展史1、1992年Nombas公司开发了一款叫做ScriptEase 脚本语言2、1995年Netscape公司为Navigator2.0浏览器开发了一种脚本语言LiveScript,为了赶时髦,从此改名为Javascript。
3、1996年Microsoft 在IE3.0 发布了一款Javascript克隆版JScript4、1997年Javascript1.1 作为草案提交给了ECMA(欧洲计算机制造商协会)ECMA-262标准ECMAScript是全新的标准的脚本语言完整的Javascript 包含三部分:1、核心-ECMAScript2、文档对象模型(DOM,Document Object Model) 允许我们操作页面的元素3、浏览器对象模型(BOM,Browser Object Model)允许我们与浏览器进行对话,比如:操作地址栏,历史记录(四)、Javascript特点1、代码可以使用任何文本编辑工具编写语法结构类似于C,Java,C#2、无需编译,由Javascirpt的引擎负责执行3、弱类型语言由数据决定了变量的数据类型弱类型语言对应:强类型语言由数据类型决定数据4、基于对象,面向对象(OO)(五)、Javascript 用途1、客户端Javascript (1)、客户端数据计算(2)、表单验证(3)、浏览器事件的触发和处理(4)、网页特效/动效制作(5)、异步数据提交(Ajax)2、服务器端Javascript (1)、分布式运算(2)、实时服务器(3)、窗口应用(4)、网络应用(二)、使用Javascript1、浏览器内核作用:负责页面内容渲染,主要有两部分组成(1)、内容排版引擎负责解析HTML / CSS(2)、脚本解释引擎负责解析Javascript浏览器内核排版引擎脚本引擎IE Trident - ChakraFirefox Gecko - 猴子系列Safari Webkit Webcore NitroChrome Webkit Webcore V8Opera Presto - CarakanOpera(2013)Webkit Webcore V82、第一个Javascript程序(1)、使用独立的Javascript解释器(了解) console.log("Hello Javascript");(2)、使用浏览器内嵌的js引擎执行Javascript1)、在控制台(console)上输入脚本并执行2)、将JS脚本嵌入在HTML页面中去执行a、将脚本写在html元素的事件里onclick事件:当用户点击元素时要执行的操作\" : "<button onclick=””><>b、通过<script>元素执行JS脚本c、使用外部脚本文件a)、创建以.js为后缀的文件b)、直接编写JS代码c)、页面通过<script src=""></script>标记,进行外部JS文件的引入3、语法规范Javascript 代码组成- 语句语句:会被JS引擎所执行的代码由表达式、关键字、运算符严格区分大小写console.log(); Console.log(); /*错误,C应小写*/ username Username 通常情况下,语句都用;表示结束(三)、变量和常量1、变量(1)、什么是变量一个可以变化的量(数据) 内存:保存程序运行过程中所需要用到的数据。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《力所能及的JavaScript》公开课课堂笔记主讲老师:邵山欢授课班级:YY公开课授课日期:2014年2月11日、12日传智播客·网页平面设计学院目录目录 (2)一、进军行为层! (3)1.1JavaScript是什么? (3)1.2JavaScript不是什么? (3)1.3JavaScript在今天的地位 (4)1.4JavaScript的开发工具 (4)二、JavaScript程序 (5)2.1单击红色的盒子,页面的标题栏内容改变 (5)2.2单击这个红色盒子,页面弹出警告框 (6)2.3单击红盒子,跳转到新浪网 (6)三、对象、属性、方法 (6)3.1对象 (6)3.2属性 (7)3.3方法 (8)小练习 (9)四、操作页面元素 (10)4.1事件的三要素 (10)4.2语句按行执行 (11)4.3鼠标进入、鼠标离开事件 (11)4.4实例:仿网易的选项卡 (12)4.5水平菜单 (13)一、进军行为层!结构层:HTML→从页面结构,语义上描述页面样式层:CSS→从审美的角度装饰页面行为层:JavaScript→从交互的角度提升页面用户体验的交互就是网页的元素针对用户的特定行为,产生指定的变化。
我们称:这个小圆钮能够响应用户的单击事件。
我们称:这个小格子能够响应用户的鼠标进入事件,响应鼠标离开事件。
1.1JavaScript是什么?JavaScript是用来实现交互的。
首先,JavaScript是纯文本的,用任何的纯文本编辑器都能够编辑它(记事本、NotePad++、Editplus、dreamweaver、sublime)。
同时它是网页的一部分,随着一个html页面被请求,JavaScript脚本也随之下载到了用户的计算机本地,在用户计算机本地渲染运行的。
JavaScript脚本是能够从网站上扒下来的。
1.2JavaScript不是什么?JavaScript不是Java!JavaScript是轻量级运行在浏览器中的语言,而Java是跨平台的开发多种应用的语言。
jsp网站、安卓都是Java开发的。
JavaScript和php、asp、jsp完全不同。
JavaScript是运行在用户的计算机中的,是前台的脚本;php、asp、jsp是运行在服务器上的。
JavaScript的功能单一,仅仅是用来开发页面效果的;php等语言可以与数据库交互,开发网站程序的。
有JavaScript的网页仍是静态网页,不是动态网页。
假如一个网页有JavaScript花花绿绿的,它仍然是静态网页,所谓的动态、静态是指能否与数据库产生交互。
只有php、asp、jsp这些网页,才是动态网页。
1.3JavaScript在今天的地位从前JavaScript,人们对它的态度:嗤之以鼻。
页面上漂浮广告、闪烁广告、弹窗广告,JavaScript罪魁祸首。
人们认为JavaScript是做广告的。
2004年时,JavaScript迎来了一个转机,那一年google发布地图应用,Ajax进入了人们的视野。
2007年,JavaScript迎来了第2个转机,iPhone发布。
“用户体验”被人们津津乐道。
2011年,JavaScript迎来了第3次质的飞越,HTML5定稿,canvas画布使用JavaScript作为驱动。
PhoneGap 的出现,使JavaScript也能开发手机应用了。
(传智播客的3月之后的课程,将涉及)在今天,JavaScript人们趋之若鹜。
1.4JavaScript的开发工具JavaScript有一些编写利器:sublime、WebStrom。
sublime使用介绍:需要HTML4.01的版本,输入html:xt然后按ctrl+E●按ctrl+鼠标滚轮,调整字号●输入div*5,按ctrl+E,就能生成5个div标签●按鼠标中键可以多行编辑●ctrl+shift+k:删除当前行●ctrl+shift+D:复制当前行●ctrl+shift+上下键:调整当前行的位置●ctrl+alt+[:可以让CSS格式进行转换(单行、多行)二、JavaScript程序2.1单击红色的盒子,页面的标题栏内容改变<div onclick="gaibian()"></div>这个div就能够响应单击事件了。
当用户单击这个盒子的时候,浏览器就会执行一个叫做gaibian的一个事件。
圆括号就表示执行,绝对不能缺少。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17<html xmlns="/1999/xhtml"xml:lang="en"><head><meta http-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Document</title><style type="text/css">div{width:100px;height:100px;background:red;}</style><script type="text/javascript">→JavaScript就是书写在<script type=”text/javascript”>标签对儿中的function gaibian(){→function就是“功能”的意思,定义了gaibian的这个功能document.title="哈哈";→称为一个语句}</script></head><body><div onclick="gaibian()"></div>→让这个div能够响应单击事件,点击div的时候就会执行一个叫做gaibian的事情</body></html><script>标签不一定出现在<head>标签中,但是初学的时候,我们为了方便大家理解,都和CSS一样,写在head标签中。
JavaScript对换行、空格不敏感,但是我们推荐正确的文档缩进。
代码进行了不好看的换行,但是程序依然正确。
JavaScript对大小心严格敏感!!!小写f变成了大写,程序就不执行了document.title=“哈哈”;这个结尾的分号不是必须加的,但是加上之后,才能保证程序在压缩之后依然正确。
一个盒子可以响应了单击事件,也称为为它添加了事件监听。
2.2单击这个红色盒子,页面弹出警告框window.alert(“哈哈”);→让页面弹出警告框2.3单击红盒子,跳转到新浪网window.location="";到目前为止,我们认识了三个语句:document.title=“哈哈”;√让页面的标题改变window.alert(“哈哈”);弹出警告框window.location=“”;√让页面跳转那么这些语句怎么就那么复杂?一会儿document,一会儿又window。
一会儿有等号,一会儿又没有等号了。
!!三、对象、属性、方法3.1对象万物皆是对象。
在西游记里,猪八戒就是一个对象,孙悟空也是一个对象,西瓜也是一个对象,衣服也是一个对象。
所谓的对象,就是一个实体,一个物体。
对象一定是有一个名字的。
在JavaScript中也有很多很多对象,这些对象天生就存在在JavaScript程序里面。
比如document就是一个对象,window也是对象。
JavaScript想调用一个对象,非常的简单,直接打它的名字即可。
就好比西游记中,对象负责的事情不一样,孙悟空这个对象负责打妖怪,二郎神这个对象负责打雷,太上老君也是一个对象,负责炼丹。
JavaScript世界中,每个对象是负责不一样的事情的。
document负责一切和文档相关的事情;window负责一切和浏览器窗口相关的事情。
console负责一切和控制台有关的。
那么,你要执行什么事情,就要找负责这个事情的对象。
比如,要更换文档的标题,就是document这个对象负责的事情;浏览器窗口弹出警告框,就是window 对象负责的事情。
●所有的对象都是名词。
“美丽”“可爱”“漂亮”“坑爹”这些形容词都不是对象。
●对象是有类型的;很明显孙悟空、猪八戒、二郎神都是一类的的对象;西瓜、馒头、蟠桃都是一类的对象。
3.2属性属性是描述一个对象的。
所以一提到属性,一定是某一个对象的。
比如猪八戒这个对象,就有年龄属性,性别属性,身高属性等等。
再比如,西瓜有颜色、大小、重量属性;对象都或多或少有一些属性。
我们在JavaScript中,所有的对象都有属性。
document对象,window对象都有一定的属性。
比如title就是document对象的属性。
描述的是文档的标题。
location是window对象的属性,描述的是浏览器当前所在的页面URL。
如果你要想更改一个对象的属性,就要用语法:对象.属性=“新的值”;比如命令:猪八戒.身高=“4米”;这时,等号表示赋值,将等号右边的值赋予左边。
这是一个命令,是命令计算机立即执行的。
等号不是表示相等,而是表示命令!这句话的含义很单纯:命令猪八戒的身高立即更改为4米!猪八戒的身高变高了~也就是说:既然title是document对象的属性,那么我就可以按照语法,书写命令:对象.属性=“新的值”;document.title=“哈哈”;我们可以查看文档,找到一个对象的属性:cookie是document对象的属性,所以正确的语法就是:document.cookie=“新的值”;3.3方法方法就是一个对象能够做的行为。
比如猪八戒有睡觉方法;换句话说,睡觉是猪八戒的方法。
猪八戒还有吃、化缘、打妖怪、睡觉等方法;孙悟空有打妖怪、化缘、七十二变等方法;唐僧有念咒、打坐等方法JavaScript中的对象,也都有一些能够做的事情,也都有一定的方法。
比如window对象就有一个alert方法。
window对象能够做alert这个事情。
命令一个对象立即执行它的方法,的语法:对象.方法(“参数”);比如,命令猪八戒立即睡觉:猪八戒.睡觉(“5小时”);那么猪八戒就会立即停止手上的工作,进行睡觉!所谓的“参数”就是一定的配置这个方法的一定的数据。
孙悟空.化缘(“西边”);所以,JavaScript中,命令窗口弹窗,window对象,调用alert方法。