01_JavaScript基础
1. 入门Hello.html
1.js代码需要编写到script标签中
2.alert():控制浏览器弹出一个警告框
3.让计算机在页面 (文档) 中输出一个内容,一个网页就是一个文档document
document.write()像body标签中输出一个内容
4.console.log():向控制台输出一个内容,其内容开发者只有可以查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello</title>
<script type="text/javascript">
alert("这是我的第一行JavaScript代码");
document.write("以吾辈之青春、护盛世之中华");
console.log("以吾辈之青春、护盛世之中华");
</script>
</head>
<body>
</body>
</html>
2.js代码编写位置
1.js代码按照从上到下的位置逐行执行
2.可以将js代码写在script标签中
3.可以将js代码编写到外部js文件中,然后通过script标签引入(推荐使用)
4.script标签只要引入外部文件后,script标签中编写的JavaScript代码就被浏览器自动忽略
5.可以将js代码编写在onclick属性中
6.可以将js代码写在超链接的href属性中,当点击超链接时便会执行js代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>02_js编写位置</title>
<script type="text/javascript">
alert("你好");
</script>
<script type="text/javascript" src="js/script.js">
alert("你好,王晓庆!");
</script>
</head>
<body>
<button onclick="alert('讨厌,你点我干嘛~~');">点我一下</button>
<a href="javascript:alert('让你点你就点~~')">你也点我一下</a>
<a href="javascript:;">你也点我一下</a>
</body>
</html>
3.字面量和变量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字面量和变量</title>
<script type="text/javascript">
var a;
a = 123;
var b = 789;
console.log(a);
console.log(b);
</script>
</head>
<body>
</body>
</html>
4.标识符
标识符:
- 在js中所有由我们自主命名的都可以称为标识符
- 比如:变量名、函数名、属性名等都属于标识符
- 命名规则:
1、标识符中可以含有字母、数字、_、$等
2、不能以数字开头
3、标识符不能是ES中的关键字或保留字
4、驼峰命名法,首字母小写,其余每个单词的开头大写
- js底层保存标识符实际上是采用的Unicode编码
5.数据类型
/**
* 数据类型指的就是字面量的类型
* - js中一共六种数据类型
* String 字符串
* Number 数值
* Boolean数值
* Null 空值
* Undefined 未定义
* Object 对象
* 前五种属于基本数据类型,Object属于引用数据类型
*/
1.String 字符串
/**
* 1、String字符串
* 单双引号均可,但是不要混着用,引号不能嵌套
* 转义字符:\
* \":表示 "
* \': 表示 '
* \\: 表示 \
*/
var str = "hello";
var string = "小明说:\"今天天气真不错!\" ";
console.log(str);
console.log(string);
2.Number 数值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Number</title>
<script type="text/javascript">
var a = 123;
var str = "456.789";
console.log(a);
console.log(str);
console.log(typeof a);
console.log(typeof str);
console.log(Number.MAX_VALUE);
a = Number.MIN_VALUE;
console.log(a);
a = "abc" * "abc";
console.log(a);
var c = 0.1 + 0.2;
console.log(c);
</script>
</head>
<body>
</body>
</html>
3.Boolean 布尔值
<script type="text/javascript">
/*
* Boolean 布尔值,进行逻辑判断
* - true: 表示真
* - false:表示假
*/
var bool = true;
console.log(bool);
</script>
4.Null & Undefined
<script type="text/javascript">
/*
* Null(空值)类型的值只有一个,就是null
* null这个值专门用来表示一个为空的对象
*
* Undefined(未定义)类型的值只有一个:undefined
* 当声明一个变量,并不给其赋值,它的值就是undefined
*/
var a = null;
console.log(a);
console.log(typeof a); //返回object
var b;
console.log(b);
console.log(typeof b); //返回undefined
</script>
|