1、helloWorld
<!DOCTYPE html>
<html>
<head>
<title>HelloWorld</title>
</head>
<body>
<script type="text/javascript">
/*控制浏览器弹出一个警告框
alert("这是第一行代码")/*
/*让计算机在页面中输入一个内容，document可以向body中输出一个内容*/
document.write("找得着我吗 ")
/*向控制台输出一个内容*/
console.log("在哪")
</script>
</body>
</html>
2、js编写位置
<!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文件时，使用该属性指向文件的地址。
3、js基本语法
<!DOCTYPE html>
<html>
<head>
<title>js基本语法</title>
<script type="text/javascript">
/*
js注释
多行注释
*/
// alert("hello")
// document.write("hello")
// console.log("hello")/*该语句用来在控制台上输出日志*/
</script>
</head>
<body>
</body>
</html>
注释
- 注释中的内容不会被解析器解析执行，但是会在 源码中显示，我们一般会使用注释对程序中的内 容进行解释。
- JS中的注释和Java的的一致，分为两种：
单行注释：//注释内容
多行注释：/注释内容/
4、字面量和变量
<!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;
5、标识符
<!DOCTYPE html>
<html>
<head>
<title>标识符</title>
<script type="text/javascript">
/*
1字母、数字、_、$
2、不能以数字开头
3、不能ES中的关键字或保留字
4、驼峰命名法
*/
var a_1_$ = 123;
console.log(a_1_$);
var abc1 = 123;
console.log(abc1)
</script>
</head>
<body>
</body>
</html>
- 所谓标识符，就是指变量、函数、属性的名字，或函数的参数。
- 标识符可以是按照下列格式规则组合起来的一或多个字符：
第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。
其他字符可以是字母、下划线、美元符号或数字。
- 按照惯例，ECMAScript 标识符采用驼峰命名法。
- 但是要注意的是JavaScript中的标识符不能是关键字和保留字 符。
6、数据类型
<!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中共有六种数
据类型。
网友评论