js
2018-06-12 本文已影响0人
WANGLIN_HZ
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中共有六种数
据类型。