前端开发基础入门篇-——JavaScript

网友投稿 819 2022-05-29

1. JavaScript 简介

HTML:它是整个网站的骨架。

CSS:它是对整个网站骨架的内容进行美化(修饰)

Javascript:它能够让整个页面具有动态效果。

JavaScript 是脚本语言, 也是一种轻量级的编程语言,可插入 HTML 页面的编程代码,可由所有的现代浏览器执行。

2. Javascript 的组成部分

ECMAScript:它是整个 Javascript 的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等)。

DOM:文档对象模型,包含(整个 html 页面的内容)

BOM:浏览器对象模型,包含(整个浏览器相关内容)。

前端开发基础入门篇-——JavaScript

3. javascript 语法

javascript 的变量

1)变量尽可能使用描述性更好的名称(比如 age, sum, total,volume)。

2)变量必须以字母开头。

3)变量也能以 $ 和 _ 符号开头。

4)变量名称对大小写敏感(y 和 Y 是不同的变量)。

javascript 数据类型

Javascript 数据类型分为原始数据类型和引用数据类型。

1)原始数据类型:字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。

2)引用数据类型:对象(Object)、数组(Array)、函数(Function)

javascript 运算符

注意:1)== 它在做比较的时候会进行自动转换。=== 它在做比较的时候不会进行自动转换。

2)加法与连接:加法是两个数字相加。连接是两个字符串连接。

JavaScript 语句标识

JavaScript 函数语法

function functionname() {     // 执行代码 }

当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。在调用函数时,可以向其传递值,这些值被称为参数。可以发送任意多的参数,由逗号 (,) 分隔。有时,我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时,函数会停止执行,并返回指定的值。

javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。

4. javascript 的引入方式

内部引入方式

直接将 javascript 代码写到

外部引入方式

需要创建一个.js 文件,在里面书写javascript 代码,然后在html 文件中通过script,标签的 src 属性引入该外部的 js 文件。

5. JavaScript 事件

当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。

常见的HTML事件

. BOM 对象

Window 对象

常用的Window对象方法:

setInterval():它有一个返回值,主要是提供给 clearInterval 使用。

setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用。

clearInterval():该方法只能清除由 setInterval 设置的定时操作

clearTimeout():该方法只能清除由 setTimeout 设置的定时操作

Location 对象

常用的Location对象属性:

History 对象

History 对象包含用户(在浏览器窗口中)访问过的 URL。常用的History 对象方法:

javascript

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Mybatis学习笔记(二)全局配置文件详解
下一篇:GaussDB(DWS)的容灾应该如何设计
相关文章