一:基础
1:JavaScript在前端的三层中处理行为任务。
2:是一门运行在浏览器端的脚本语言,在浏览器就可以直接运行。
可以如图在浏览器直接运行js的代码。
JavaScript的代码可以写在<script></script> 标签下,如下:
运行后将弹出窗口,输出提示消息。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基础</title>
</head>
<body>
<script>
alert("看我从哪里出来~~~");
</script>
</body>
</html>
二:编写的位置
1:可以编写到script标签中
<script type="text/javascript">
//在此处编写js代码
</script
2:可以将代码编写到外部的后缀名为.js的文件中,然后通过标签将其引入 (结构与行为解耦,推荐使用)。
<script type="text/javascript" src="文件路径"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基础</title>
</head>
<body>
<script type="text/javascript" src="my.js"></script>
</body>
</html>
my.js中的代码如下:
alert("弹出提示")
重要说明:script一旦引用外部文件,内部就不能写代码了,就算引 用,也不起作用。
3:可以编写到标签的指定属性中,但是不推荐这种写法。
<button onclick="alert('hello');">我是按钮</button>
三:输出语句
1:使用alert语句,在浏览器弹出一个警示窗口。
<script>
alert("要输出的内容");
</script>
2:使用document.write,可以在浏览器中输出内容。
document.write("这是document.write输出的内容")
3:使用cosole.log开发者工具的控制台中。
console.log("控制台输出")
四:基本语句
1:js的注释
注释中的内容不会被执行,但可以源代码查看
多行注释:/* 注释内容 */
单行注释://
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基础</title>
<style>
body {
background-color: yellowgreen;
}
</style>
</head>
<body>
<script>
/*
这是注释的内容
多行注释
*/
//单行注释
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基础</title>
<style>
body {
background-color: yellowgreen;
}
</style>
</head>
<body>
<script>
// console.log("控制台输出")
</script>
</body>
</html>
如上: console.log("控制台输出")语句被注释掉了,将不会执行。
2:字面量和变量
字面量实际上就是一些固定的值,如 1、2、3、4、true、false、 null、NaN、"hello"。
字面量都是不可以改变的。
由于字面量不是很方便使用,所以在JS中很少直接使用字面量。
3:变量
变量可以用来保存字面量,并且可以保存任意的字面量 一般都是通过变量来使用字面量,而不直接使用字面量,而且也可 以通过变量来对字面量进行一个描述。
(1:声明变量
JavaScript是一门弱类型的语言,和强类型语言有所不同的是,在声明变量的时,不需要特定的强调变量的类型。
var a;
var b;
var c;
var d,e,f;//连续声明多个变量,用逗号隔开。
(2):为变量赋值
var a;
var b;
var c;
a = 1;
b = 2;
c = 3;
var aaa='你好';
var f=666,g=777;
五:标识符
在js中所有可以由我们自主命名的都可以称为标识符,如变量名,函数 名,属性名等。
标识符命名规则:
(1)标识符中可以含有字母、数字、下划线、$。
var str_1 = "hello"
var str_$ = "hello"
以下为错误的写法:
var str-1 = "hello"
(2)标识符不能以数字开头。
下面这种的写反是错误的。
var 1str = "hello"
(3)标识符不能是js中的关键字或保留字。 JavaScript 保留关键字。
(4)一般采用驼峰命名法(Camel-Case),第一个单词首字母小写, 其余单词首字母大写。
var userName = "hello"