JavaScript 编程基础
JavaScript 是Web上的一种功能强大的编程语言,用于开发交互式的Web页面。它不需要编译,而是直接嵌入在HTML页面中,把静态页面转变成支持用户交互并响应事件的动态页面。
一、JavaScript 的引入
在HTML文档中引入JavaScript有两种方式,一种是在HTML文档中直接嵌入JavaScript脚本,称为内嵌式;另一种是链接外部JavaScript脚本文件,称为外链式。
(1)内嵌式
在HTML文档中通过<script>
标签及其相关属性可以引入JavaScript代码。当浏览器读取到<script>
标签时,就解释执行其中的脚本,其基本语法格式如下:
<head>
<!--....-->
<script type="text/javascript">
//此处为JavaScript代码
</script>
</head>
该语法中,type属性是用来指定HTML文档引用的脚本语言类型,当type属性的值为**“text/javascript”**时,表示<script></script>
元素包含的是JavaScript脚本。
双斜杠"//
“在JavaScript中用于定义单行注释,另外,可以使用”/**/
"来定义多行注释。
通常我们将<script></script>
元素放在<head>
和</head>
之间,称为头脚本;但也可以将其放在<body>
和</body>
之间,称为体脚本。
(2)外链式
当脚本比较复杂或者同一段代码需要被多个网页文件使用时,可以将这些脚本代码放置在一个扩展名为**.js**的文件中,然后通过外链式引入该js文件。
在Web页面中使用外链式引入JavaScript文件的基本语法格式如下:
<script type="text/javascript" src="JS文件的路径"></script>
二、关键字
JavaScript关键字(Reserved Words),又被称为“保留字”,是指在JavaScript语言中被事先定义并赋予特殊含义的单词。但是,JavaScript关键字不能作为变量名和函数名使用,否则会使JavaScript在载入过程中出现编译错误。
--------JavaScript 关键字
abstract | continue | finally | instanceof | private | this |
---|---|---|---|---|---|
boolean | default | float | int | public | throw |
break | do | for | interface | return | typeof |
byte | double | function | long | short | true |
case | else | goto | native | static | var |
catch | extends | implements | new | super | void |
char | false | import | null | switch | while |
class | final | in | package | synchronized | with |
三、变量
在程序运行期间,随时可能产生一些临时数据,应用程序会将这些数据保存在一些内存单元中。变量就是指程序中一个已经命名的存储单元,它的主要作用就是为数据操作提供存放信息的容器。
(1)变量的命名
在编程过程中,经常需要定义一些符号来标记某些名称,如函数名、变量名等,这些符号被称为标识符。在JavaScript中,标识符主要用来命名变量和函数。命名变量的时候注意以下几点:
- 必须以字母或下划线开头,中间可以是字母、数字、下划线。
- 变量名不能包含空格、加、减等符号。
- 不能使用JavaScript中的关键字作为变量名。
- JavaScript的变量名严格区分大小写,如UserName和uername代表两个不同的变量
(2)变量的声明与赋值
在JavaScript中,使用变量前需要先对其进行声明。所有的JavaScript变量都由关键字var声明,语法格式如下:
var 变量名;
在声明变量的同时可以对其进行赋值,例如:
var abc=1;
如果只声明了变量,没有赋值,则其默认为undefined。声明变量时,需要遵循以下规则。
- 可以使用一个关键字同时声明多个变量需要用逗号“,”分隔变量名。例如:
var a,b,c; //同时声明变量a,b,c三个变量
- 可以在声明变量时对其赋值,即初始化。例如:
var a=1,b=2,c=3;
- var 语句可以用作for循环和for/in循环的一部分,使循环变量的声明成为循环语法自身的一部分,使用起来较为方便。
- 使用var语句多次声明同一个变量,如果该变量已经有初始值,则此时的声明相当于对变量重新赋值。
另外,由于JavaScript 采用弱类型的形式,因此可以不理会变量的数据类型,即可以把任意类型的数据赋值给变量。
var a=100; //数值类型
var str="是杜小白呀"; //字符串类型
var bue=true; //布尔类型
四、prompt () 函数
prompt()方法是JavaScript中窗口window对象的一个常用方法,用于显示和提示用户输入信息的对话框,其语法格式如下:
window.prompt(提示信息字符串,默认输入值);
或如下:
prompt(提示信息字符串,默认输入值);
如果用户单击提示框中的取消按钮,则返回null。单击确认按钮,则返回输入字段当前显示的文本。
五、alert() 函数
alert()函数主要用于弹出警示对话框,通常用于对用户进行提示,其语法格式如下:
window.alert("Hello World!");
或如下:
alert("Hello World!");
alert()函数内的文本信息用于显示再警示对话框中,该对话框嗨包含一份“确认”按钮,单击该按钮可以关闭对话框。
六、console.log()函数
console.log()函数用于标准输出流的输出,即在控制台中显示输出结果。例如,在网页脚本中使用console.log(“Hello World!”);,加载时控制台就回自动显示如下图所示内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>console.log(函数)</title>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
console.log("Hello World!");
</script>
</head>
<body>
</body>
</html>
-
Authors
- 杜小白
文章内容借鉴于《HTML+CSS+JavaScript 网页制作案例教程》 编著:传智播客