JavaScript的学习及基础用法（1）_js基本使用-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_41668547/article/details/80411403

本文介绍了JavaScript的基础知识，包括其在HTML中的应用方式、基本语法、数据类型、对象与函数的使用方法，以及常见的事件处理等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML定义了网页的内容，CSS描述了网页的布局，JavaScript网页的行为。

JavaScript是脚本语言，是一种轻量级的编程语言，可插入HTML页面的编程代码。

1、HTML中的脚本必须位于<script>与</script>标签之中。

2、如果需要插入JavaScript，要使用<script>标签。

3、脚本可以被放置在HTML页面的<body>与<head>部分中。也可以保存到外部文件中。外部文件通常被多个网站使用的代码。文件的扩展名是 ‘.js’如果需要使用外部文件，则<script>标签的‘src’中设置该‘.js’。

4、JavaScript输出：

显示数据：

1、window.alert()弹出警告框。

2、document.write()方法将内容写到HTML文档中。

3、innerHTML写到HTML元素。

4、console.log()写入到浏览器的控制台。

注意：如果在文档已完成加载后执行document.write，整个 HTML 页面将被覆盖。

具体实例请查看：点击打开链接

5、JavaScript语法：

JavaScript字面量：数字字面量，字符串字面量，表达式字面量，对象字面量，函数字面量。

6、语句标识符：

JavaScript变量：由var声明。

JavaScript函数：由function定义。

7、数据类型：

五种不同的数据类型：string)、number、boolean、funcation、object

三种对象类型：Array、Object、Date

两种不包含任何值的数据类型：Null、Undefined

8、对象：由花括号分隔。在括号内部，对象属性以名称和值对的形式（name : value）来定义。

如：var person = { firstname : "John" , lastname : "Doe" , id : 566 };

访问对象属性：

person.lastname; 或 person["lastname"];

9、函数：可有参数，带有返回值。

局部JavaScript变量：在函数内声明，只能在函数内部访问。

全局JavaScript变量：在函数外声明，网页上的所有脚本和函数都能访问。

* 向未声明的JavaScript变量分配值：该变量将自动被作为window的一个属性。

10、JavaScript事件：发生在元素上的事情

* 可以是浏览器的行为，也可以是用户的行为。

常见的HTML事件：

onchange	HTML元素改变
onclick	用户点击HTML元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已经完成页面的加载

更多事件请查询：点击打开链接

11、字符串：

字符串可以是插入到引用中的任何字符。可以使用单引号或者双引号。

字符串更多方法查询：点击打开链接

12、运算符：

‘===’（绝对等于）要值和类型均相等。

‘！==’（不绝对相等）值和类型有一个不相等或两个都不相等。

13、循环：

For/In：循环遍历对象的属性。

14、typeof：

使用typeof操作符来检测变量的数据类型。例：typeof "John"; //返回string

15、constructor：

返回所有JavaScript变量的构造函数。

16、类型转换：

1、一元运算符‘+’：

用于将变量转换为数字。如果变量不能转换，它仍会是一个数字，但值为NaN

2、将布尔值转化为数字：

Number（false）//返回0

3、日期转换为数字：d = new DAte（）;

Number（d）与d.getTime效果相同。

更多转换请查询：点击打开链接