# 章序号/节序号/节/笔记序号 《JavaScript&jQuery》, 第1章, 编程基础知识 # 概念阐释 ## 本卡片中的概念 - [x] [[JavaScript 数据类型|数据类型 datatype]] - [x] 对象 objects(宏观意义上的对象,和数据类型的对象,内置对象都没关系?) - [x] 实例 instance - [x] [[js intro Properties属性|属性Properties]] - [x] [[js介绍 如何让网页更具交互性#^329956 |事件Events]] - [x] [[js intro Methods 方法|方法Method]] / 调用方法method called ## 构建图谱 - 计算机**通过数据来创建世界模型**,数据是计算机用来执行指令并完成任务唯一需要的东西; - 数据也分不同的类型,所以就有了**数据类型**,比如number,boolean,objects - 在计算机编程中,现实世界中的每个物理物件都可以被表示为一个**对象Objecs**,一个对象也被称为一个对象**实例**(当你在 JavaScript 程序中引入一条新数据时,浏览器将其保存为该**数据类型的一个实例 an instance of the data type**,实例可以理解为“一个,单一的”),比如一个汽车对象的实例。 - 每个对象对包含3个东西: - **属性Properties**: 一个东西的共有特征,包括属性名称和属性值 - ![](http://image.harryrou.wiki/2022-12-27-%E6%88%AA%E5%B1%8F2022-12-27%2013.29.44.png) - **事件**: - 计算机用来说:“嘿,xx事情刚刚发生了。” - 可以是用户与计算机进行的交互,也可以是计算机之间的交互 - 事件可以用来**触发**一段特定的代码 - ![](http://image.harryrou.wiki/2022-12-27-%E6%88%AA%E5%B1%8F2022-12-27%2013.36.08.png) - **方法Method** - 相当于访问数据和编制规则 - 编制规则:方法的代码包含许多指令,这些指令合在一起完成一项任务 - 更新属性和值 - 不需要知道方法是如何完成任务的,只需要知道如何问问题和如何诠释方法给出的答案 - 方法有doc文件 - ![](http://image.harryrou.wiki/2022-12-27-%E6%88%AA%E5%B1%8F2022-12-27%2013.42.23.png) # 举例子 ## 把属性、事件、方法合起来用 ![](http://image.harryrou.wiki/2022-12-27-%E6%88%AA%E5%B1%8F2022-12-27%2013.46.41.png) ## Web浏览器是使用对象构建的程序 ### window对象 - 对象类型: window - 属性名称: location - 属性值: http://www.javascriptbook.com/ ### document 对象 ^b5444f - 是[[DOM文档对象模型]]中的一种 - 在每个浏览器窗口中载入的Web页面,都使用的是document对象建模 - 每个document对象也包括:属性、方法、事件 - ![](http://image.harryrou.wiki/2022-12-28-%E6%88%AA%E5%B1%8F2022-12-28%2013.22.43.png) - 所有主流的浏览器都使用相同的document对象,所以浏览器已经自带 - 你可以访问的属性,这些属性暴露了浏览器当前页面的信息,比如title属性会展示`<title></title>` 标签中的内容; - 可以对HTML页面进行操作的任务脚本; # 类比、比较与对比 - 相关知识点 [[JavaScript 函数]] # 问题 # 问题答案 # 备注(经验集/错误集)