javascript基础.ppt

1、2020年7月，对JavaScript进行了再加热，讲课的要点，JavaScript介绍了ECMAScript DOM BOM，JavaScript的概念，JavaScript基于对象(Object )，这是标准的HTML语言嵌入这种出现可以弥补HTML语言的缺陷，开发客户端的应用程序。 典型的应用：客户端交互数据验证动态地修改web内容，并且JavaScript特征基于对象和上通告驱动的解释语言：其原代码在发送到客户端之前进行编译弱变量：也就是说，变量在使用前不需要声明，解释程序在运行时检查数据类型。 查询密码格式： JavaScript查询密码是可以直接嵌入到HTML文档中的文本字符格式。

2、 以嵌入方式.识别，JavaScript版、JavaScript/jscript/ecmascript JavaScript是Netscape公司开发的。 它的前身是实时脚本。 Microsoft发行的jscript与internet explorer中的第一个jscript和javascript之间的差别太大，使得web程序设计师必须为这两个浏览器编写两种脚本。 于是ECMAScript诞生了，是国际标准化的javascript版本。 当前的主流浏览器支持此版本。 由JavaScript组成，完整的JavaScript实现由以下三个不同部分组成： 核心文档对象模型(DOM )浏览器对象模型(

3、BOM )。ECMAScript、ECMAScript是语法类型语句牛鼻子字保留关键字运算符对象、基本数据类型、Number类型：包含整数和实数的布尔类型：两个值true和false String类型： Null类型：对此进行描述强制类型转换：转换为字符串强制类型转换、强制类型转换、转换为字符串：转换为toString(value )数字转换为整数： parseInt(value )实数转换为： parseFloat(value )数字(value ) -将指定的值转换为数字强制类型转换、Number ()函数的强制类型转换与parseInt ()和parseFloat ()方法类似，只是转换

4、整个值而不是部分值。 因为parseInt ()和parseFloat ()方法只转换第一个无效字符的前面的字符串，所以1.2.3分别转换为1和1.2。 如果使用Number ()进行强制类型转换，则1.2.3返回NaN，因为无法将整个字符串值转换为数字。 如果字符串值可以完全转换，Number ()将确定是调用parseInt ()方法还是parseFloat ()方法。var x=100； 假y； var z； document.write (从拍卖SONY电子数码600万像素x $开始的价格) y=prompt (加多少银？ 一)； z=x y； alert (最终出价n z $ )；

5、/”n是换行表示，Prompt函数是输入的字符串，“ ”的使用方法，10020？ 遗漏缺陷，字符串连接： 100 ”200”，200，var x=100； 假y； var z； document.write (从拍卖SONY电子数码600万像素x $开始的价格) y=prompt (加多少银？ 一)； z=x零件(y )； alert (最终出价n z $ )； /”n”用于换行显示，parseFloat ()函数将字符串转换为浮点数据如果parseInt ()函数将字符串转换为int数据失败，则返回NaN值(not a number )、“的用法。 对于所有变量定义在var中实现JavaSc

6、ript的变量，建议使用JavaScript区分大小写。 可以直接使用变量，而无需定义JavaScript，但不建议使用。 运算符、算术运算符比较运算符、算术运算符、比较运算符、逻辑运算符、控制语句if语句if (条件)语句子摇滾乐1 else语句子摇滾乐2 while语句while (条件) switch语句switch (I ) casei 13360 casei 23360 default 3360 foult.return表达式：说明：可以通过调用函数将要使用的变量或实际量作为参数传递。 函数由牛鼻子字function定义。 函数名称：定义自己的函数名称。 残奥仪表是传递给函数使用或操

7、作的值，该值可以是常量、变量或其他表达式。 指定函数名(实参数)调用函数。 必须使用return返回值。 函数名对大小写敏感。 的双曲馀弦值。 在函数定义中，函数名称后面会出现一个关残奥表。 这些个的残奥仪表变量可以是一个或多个。 那么，如何决定残奥仪表变量的个数呢？ 在JavaScript中，可以在arguments .Length中检查残奥仪表的数量。 示例：函数名称(exp 1、exp2、exp3、exp4)编号=函数名称.长度TTS if (编号1 )文档. wri le (扩展编号3文档写入(exp4)； 创建内置对象、Arraybooleandatemathnumberstring

8、regexpglobal、Array对象和array对象的语法： new Array ()； 新阵列(大小)； 新阵列(元素0、元素1、元素)； 残奥仪表残奥仪表size是所需数组元素的数量。 返回的数组。 length字段被设置为size的值。 残奥仪表element .elementn是残奥仪表列表。 使用这些个残奥参数调用构造器Array ()时，新创建的数组元素将初始化为这些个值。 length字段也设置为残奥仪表的数目。 如果在调用布尔值构造器Array ()时不使用残奥，则返回的数组为空，length字段为0。 调用构造器时，只传递一个数字残奥元，并返回具有指定数目的undefin

9、ed元素的数组。 创建Array对象propy、Array对象方法、Date对象和Date对象的语法： var myDate=new Date() Date对象将当前日期和时间自动保存为初始值。Data方法分组：用作Date方法参数的整数：Set方法、Get方法、To方法：Parse和UTC方法、Math对象、String对象、 创建String对象的语法： var语句var newstr=“这是使用我的字符串创建的String对象var newstr=new String (这是我的字符串)”、全局对象、掌门人级别窗口窗口对象，位置地址对象，document文档对象，FORM表单对象，浏览器

10、对象的层次结构， 如果window.document.myform.text1文档包含信息帧(frame或iframe标签)，浏览器将为HTML文档创建窗口对象，并为每个信息帧创建其他窗口对象、窗口对象方法、窗口对象基本信息腻子粉、文档对象和加载到浏览器中的每个HTML文档都是文档对象。 您可以使用Document对象将脚本网站数据库到HTML页面中的所有元素。 Document对象集合、Document对象配置文件、Document对象方法、History对象和History对象包含用户网站数据库的URL (在浏览器窗口中)。 History对象配置： length :返回浏览器历史记录列表

11、的URL数History对象方法：Location对象，Location对象包含有关当前URL的信息。 位置对象propiloy、位置对象方法、导航器对象和导航器对象包含有关浏览器的信息。 可以通过Navigator方法、navigator property腻子粉、Screen对象和Screen对象客户端视图、DOM文档对象模型和JavaScript重新建构整个HTML文档。 您可以添加、删除、修改或重新排序页面上的项目。 要更改页面中的任何内容，JavaScript必须获取要网站数据库到HTML文档中所有元素的门户站。 此门户站来自文档对象模型，以及添加、移动、修改或删除HTML元素的方法和

12、属性(DOM )。 DOM被分成不同的部分(核心、XML、HTML )。 Core DOM定义所有结构化文档中对象的标准定径套。 XML DOM定义了XML文档中对象的标准定径套。 HTML DOM定义了HTML文档的标准定径套对象。 HTML DOM、HTML DOM节点文档树(节点数) HTML DOM节点信息HTML DOM关网站数据库节点、HTML DOM节点、DOM和HTML文档的组件是节点。 DOM规定：对于文档整体是文档节点的每个HTML标签，元素节点是HTML元素中包含的文本，对于每个文本节点HTML属性，属性节点注释属于注释节点，在节点层次、文档树(节点数)、文档节点以外的各

13、节点中存在父节点。 大多数元素节点都有子节点。 如果节点共享同一父节点，则它们是伙伴(兄弟节点)。 节点可以有后代，后代可以是节点的所有子节点，也可以是它们的子节点的子节点。 因此，节点也可以有祖先。 祖先可以是节点的父节点，也可以是父节点的父节点。 HTML DOM节点信息。 每个节点都有一个属性，其中包含有关节点的特定信息。 关于这些个属性，nodeName (节点名)元素节点的nodeName是标签条名称属性节点的nodeName是属性名称文本节点的nodeName始终是#text文档节点的nodeName始终是#document nodeValue (节点值) 对于作为nodeName

14、的HTML DOM节点信息和nodeValue (节点值)文本节点，nodevalue property腻子粉包含文本。 对于属性节点，nodeValue属性包含属性值。 nodeValue属性不能用于文档节点和元素节点。 节点类型、HTML DOM对象、HTML DOM对象、HTML DOM Document对象和加载到文档对象浏览器中的每个HTML文档都是文档对象您可以使用Document对象将脚本网站数据库到HTML页面中的所有元素。 提示： Document对象是窗对象的一部分，可以从window.document属性中网站数据库。 Document对象方法、HTML DOM网站数据库

15、节点和getElementById :使用唯一的ID值。 搜索单个元素journeytothestarsvarelementref=document.get elements getelementsbytagname:siriuscanopusarcturusvegavaranchorarray=d 的双曲馀弦值。 node.childNodes指定包含文本节点和所有其他元素的节点的所有子节点，node.firstChild指定节点的第一个子节点。 node.lastChild指定节点的最后一个子节点。 node.parentNode指定节点的顶级节点。 node.nextSibling指定节点的下一个同级节点。 node.previousSibling指定节点之前的同级节点。、字符框对象、字符框对