喜迎
春节

B站念安老师课程JavaScript笔记


Javascript简介

  JavaScript是一种具有面向对象能力,解释型的程序设计语言,更具体一点,它是基于对象和时间驱动并具有安全性的客户端脚本语言。它的主要目的是验证发往服务器的数据,增加web互动,加强用户体验度等。

1.JavaScript的组成

ECMAScript(基础语法)
  JavaScript的核心语法ECMAScript描述了该语言的语法和基本对象
DOM(文档对象模型)
  描述了处理网页的内容的方法和接口
BOM(浏览器对象模型
  描述了与浏览器进行交互的方法和接口

2.开发工具

  • 浏览器:chrome
  • 开发工具:VScode
  • 进入浏览器控制台 Console:F12
    控制台的作用:console对象代表浏览器的JavaScript控制台,用来运行JavaScript命令,常常用来显示网页运行时的错误信息。Elements用来调试网页的html和css代码。

JavaScript基本用法

  JS需要和HTML一起使用才有效果,我们可以通过直接或间接的方式将JS代码嵌入在HTML页面中。

  • 行内JS:写在标签内部的JS代码
  • 内部JS:定义在JavaScript标签内部的JS代码
  • 外部JS:单独的JS文件,在HTML中通过script标签引入

  我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。由于页面的加载方式是从上往下依次加载的,而这个对我们放置的JS代码运行是有影响的。

  放在<head>部分,最常用的方式是在页面head部分防止<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
  放在<body>部分,JavaScript代码在网页读取到该语句的时候就会执行。

⚠️最好放在<body>标签后

行内JS

<body>
    <button type="button" onclick="alert('hello')">按钮</button>
</body>

内部JS


<script type="text/javascript">
    alert("你好,内部JS");
</script>

外部JS

<script src="./js/test.js" type="text/javascript" charset="utf-8"> </script>

⚠️ 如果 <script>标签设置了src属性,则在script标签中写的js代码无效。

JavaScript基础语法

1.语句和注释

  JS程序的执行单位为行,也就是一行一行的执行,一般情况下,每一行就是一个语句。
  语句是为了完成某种任务而进行的操作,语句以分毫结尾,一个分号即表示一个语句结束。多个语句可以写在一行内,但不建议这么写,但是一行写多条语句时,语句必须以分号结尾。
  表达式不需要分号结尾。一旦表达式后面添加分号,则JavaScript引擎就将表达式视为语句,这样会产生一些没有任何意义的与语句。

单行注释:用//起头;
多行注释:放在/**/之间。
兼容html注释方式: <!--  -->

2.标识符和关键字

标识符就是一个名字,有来给变量和函数进行命名,有特定规则和规范。
规则

由unicode字母,_,$,数字,中文组成 - 不能以数字开头 - 不能是关键字和保留字 - 严格区分大小写

规范

- 见名知意 - 驼峰命名或下划线规则

3.变量

4.数据类型

5.类型转换

6.运算符

7.控制语句

8.数组

9.函数

10.内置对象

11.对象


文章作者: 周周
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 周周 !
评 论

Javascript简介

  JavaScript是一种具有面向对象能力,解释型的程序设计语言,更具体一点,它是基于对象和时间驱动并具有安全性的客户端脚本语言。它的主要目的是验证发往服务器的数据,增加web互动,加强用户体验度等。

1.JavaScript的组成

ECMAScript(基础语法)
  JavaScript的核心语法ECMAScript描述了该语言的语法和基本对象
DOM(文档对象模型)
  描述了处理网页的内容的方法和接口
BOM(浏览器对象模型
  描述了与浏览器进行交互的方法和接口

2.开发工具

  • 浏览器:chrome
  • 开发工具:VScode
  • 进入浏览器控制台 Console:F12
    控制台的作用:console对象代表浏览器的JavaScript控制台,用来运行JavaScript命令,常常用来显示网页运行时的错误信息。Elements用来调试网页的html和css代码。

JavaScript基本用法

  JS需要和HTML一起使用才有效果,我们可以通过直接或间接的方式将JS代码嵌入在HTML页面中。

  • 行内JS:写在标签内部的JS代码
  • 内部JS:定义在JavaScript标签内部的JS代码
  • 外部JS:单独的JS文件,在HTML中通过script标签引入

  我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。由于页面的加载方式是从上往下依次加载的,而这个对我们放置的JS代码运行是有影响的。

  放在<head>部分,最常用的方式是在页面head部分防止<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
  放在<body>部分,JavaScript代码在网页读取到该语句的时候就会执行。

⚠️最好放在<body>标签后

行内JS

<body>
    <button type="button" onclick="alert('hello')">按钮</button>
</body>

内部JS


<script type="text/javascript">
    alert("你好,内部JS");
</script>

外部JS

<script src="./js/test.js" type="text/javascript" charset="utf-8"> </script>

⚠️ 如果 <script>标签设置了src属性,则在script标签中写的js代码无效。

JavaScript基础语法

1.语句和注释

  JS程序的执行单位为行,也就是一行一行的执行,一般情况下,每一行就是一个语句。
  语句是为了完成某种任务而进行的操作,语句以分毫结尾,一个分号即表示一个语句结束。多个语句可以写在一行内,但不建议这么写,但是一行写多条语句时,语句必须以分号结尾。
  表达式不需要分号结尾。一旦表达式后面添加分号,则JavaScript引擎就将表达式视为语句,这样会产生一些没有任何意义的与语句。

单行注释:用//起头;
多行注释:放在/**/之间。
兼容html注释方式: <!--  -->

2.标识符和关键字

标识符就是一个名字,有来给变量和函数进行命名,有特定规则和规范。
规则

由unicode字母,_,$,数字,中文组成 - 不能以数字开头 - 不能是关键字和保留字 - 严格区分大小写

规范

- 见名知意 - 驼峰命名或下划线规则

3.变量

4.数据类型

5.类型转换

6.运算符

7.控制语句

8.数组

9.函数

10.内置对象

11.对象


文章作者: 周周
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 周周 !
评 论
  目录
  目录