JavaScript网络地址作为参数_JavaScript基础

好好学习，天天向上

本章节主要内容是：javascript的初步了解，基本语法( 三种js书写方式、注释、alert语句、prompt语句、console控制台的基本使用 )

前端三层

• HTML 结构层 从语义的角度描述页面结构
• css 样式层 从美观的角度描述页面样式
• JavaScript 行为层 从交互的角度描述页面行为

JavaScript

• JavaScript 是一种运行在客户端 的脚本语言 ，最早是在 HTML（标准通用标记语言下的一 个应用）网页上使用，用来给 HTML 网页增加动态功能
• 浏览器就是一种运行 JavaScript 脚本语言的客户端，JavaScript 的解释器被称为 JavaScript 引擎，为浏览器的一部分

ECMAScript 的应用

• Javscript，JScript，ActionScript 等脚本语言都是基于 ECMAScript 标准实现的
• 在 JavaScript，JScript 和 ActionScript 中声明变量，操作数组等语法完全一样，因为它们都是 ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法，这些都是各自语言的扩展

JavaScript 的组成

• JavaScript 是由 ECMAScript，DOM 和 BOM 三者组成的

JavaScript 基本语法

1、书写位置

①、写在行内

<

②、写在 html 中的 <script> 标签中

<

③、写在外部 js 文件中，在页面引入

<

注意：引用外部 js 文件的 标签中不可以写 JavaScript 的代码，自定义的 JavaScript 代码，需要书写在另一个新的 <script> 标签中

2、JavaScript 注释

• js 注释分为两种：块级注释和单行注释
• 块级注释：又叫做多行注释，作用范围是选中的多行，写作 /**/
• 单行注释：作用范围只有符号后面的一行，写作 //

<

VScode 快捷键：单行注释( ctrl+/ )，多行注释( ctrl+shift+/ )

3、alert() 语句

• alert：警示、警告
• 作用：在浏览器中弹出一个警示框，警示框的警示内容可以人为自定义
• alert 语句是一个 js 内置好的功能（函数、方法），要想实现功能必须在 alert 关键字后面 加小括号执行，自定义的内容需要传递给小括号内的参数，输出时参数位置的内容会出现 在弹框位置

<

示例图：

语法

• 语法1：alert 语句作为一个函数，如果要执行，必须在后面紧跟着添加小括号。
• 语法2：alert 语句作为一个函数，小括号内部可以传递参数，根据数据类型不同，有不同的语法要求，例如文字内容（字符串）必须写在一对引号内部。
• 语法3：如果需要添加一对引号，要么是单引号，要么是双引号，不能一单一双
• 语法4：所有的有特殊功能的符号必须是英文字符
• 语法5：语句后面的分号必要性。
• 语法6：js 对换行、缩进、空格也不敏感
• 语法7：如果 js 中没有特殊控制结构，代码都是从上往下、从左往右进行加载

4、prompt() 语句

• prompt：提示
• 作用：弹出一个对话框，内部有一个提示语句以及一个输入框，可以在输入框中根据提示任意输入内容
• prompt 语句也是 js 内置的一个功能，必须加小括号执行，有两个参数可以进行传递，每 个参数一般都是字符串类型，必须加引号，两个参数中间用逗号分隔，引号和逗号都必须 是英文输入法状态

<

示例图：

• 第二个参数位置的值，可以删除并重新输入新的内容，代码中也可以不设置第二个参数

5、console 控制台

• 在大部分浏览器中，都有一个控制台，内部可以查看 HTML、css 代码，甚至调试代码错误
• 浏览器中右键点击审查元素（检查），都可以打开控制台。
• 快捷键： F12
• 控制台中有一个 console(控制台) 的选项面板，在 js 中有非常重要的作用

控制台的功能

①、帮助程序员调试程序中出现的 bug，可以提示错误的个数、错误所在的行数、错误类型

②、可以在控制台中直接书写一些语句，进行执行，也可以去计算数字

③、js 有一个内置对象 console，内部封装了大量的属性和方法（函数），可以通过给 console 对象打点调用方法名()、属性名方式去执行。有一个叫做 log（日志）方法，可以 实现参数位置自定义内容在控制台输出

<

示例图：