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

好好学习&＃xff0c;天天向上

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

前端三层

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

Javascript

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

ECMAScript 的应用

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

Javascript 的组成

• Javascript 是由 ECMAScript&＃xff0c;DOM 和 BOM 三者组成的

Javascript 基本语法

1、书写位置

①、写在行内

②、写在 html 中的 标签中

③、写在外部 js 文件中&＃xff0c;在页面引入

注意&＃xff1a;引用外部 js 文件的 标签中不可以写 Javascript 的代码&＃xff0c;自定义的 Javascript 代码&＃xff0c;需要书写在另一个新的 标签中

2、Javascript 注释

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

VScode 快捷键&＃xff1a;单行注释( ctrl&＃43;/ )&＃xff0c;多行注释( ctrl&＃43;shift&＃43;/ )

3、alert() 语句

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

示例图&＃xff1a;

语法

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

4、prompt() 语句

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

示例图&＃xff1a;

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

5、console 控制台

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

控制台的功能

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

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

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

示例图&＃xff1a;