编写位置
<!DOCTYPE html>
<html>
<head>
<title>js编写位置</title>
<!-- <script type="text/javascript">alert("我是标签")</script> -->
<script type="text/javascript" src="js/script.js">
alert("我是内部的代码")
</script>
</head>
<body>
<!-- 标签的onclick属性中 -->
<button onclick="alert('啦啦啦');">点我一下下</button>
<!-- 超链接的href属性中 -->
<a href="javascript:alert('你点不点');">点块点</a>
<a href="">你点我一下</a>
</body>
</html>
- 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要在网页中编写。
- 我们的JS代码需要编写到<script>标签中。
- 我们一般将script标签写到head中。(和style标签有点像)
- 属性:
type:默认值text/javascript可以不写,不写也是这个值。
src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。
字面量和变量
<!DOCTYPE html>
<html>
<head>
<title>字面量和变量</title>
<script type="text/javascript">
/*
字面量
1 2 3 4 5 “hello”
alert(12334565);
*/
// 声明变量
var a;
// 为变量赋值
a = 123;
a = 456;
var b = 789;
var age = 80;
console.log(a)
console.log(age)
</script>
</head>
<body>
</body>
</html>
- 变量的作用是给某一个值或对象标注名称。
- 比如我们的程序中有一个值123,这个值我们是需要反复使用的,这个时候
我们最好将123这个值赋值给一个变量,然后通过变量去使用123这个值。
- 变量的声明:
使用var关键字声明一个变量。
var a;
- 变量的赋值:
使用=为变量赋值。
– a=123;
- 声明和赋值同时进行:
– var a = 123;
数据类型
<!DOCTYPE html>
<html>
<head>
<title>数据类型</title>
<script type="text/javascript">
/*数据类型
string 字符串
Number 数值
boolean 布尔值
Null 空值
Undefined 未定义
引用数据类型
Object 对象
*/
// var a = 123;
var str = "hello";
console.log("hello")
</script>
</head>
<body>
</body>
</html>
- 数据类型决定了一个数据的特征,比如:123和”123”,直观上看这两个数据都是123,但实际上前者是一个数字,而后者是一个字符串。
- 对于不同的数据类型我们在进行操作时会有很大的不同。
- JavaScript中一共有5种基本数据类型:
字符串型(String)
数值型(Number)
布尔型(Boolean)
null型(Null)
undefined型(Undefined)
- 这5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数
据类型。