目录
组成
一个完整的JavaScript实现应该由以下三个部分构成:
特点
- 解释型语言
- 动态语言
- 类似于 C 和 Java 的语法结构
- 基于原型的面向对象
- 严格区分大小写
使用
文件引用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
</script>
</head>
<body>
<script src="main.js"></script>
</body>
</html>
控制台输出
使用JavaScript向控制台输出一句话
示例:
<script>
console.log("输出一条日志");//最常用
console.info("输出一条信息");
console.warn("输出一条警告");
console.error("输出一条错误");
</script>
弹出窗口输出
使用JavaScript向弹出
示例:
<script>
alert("好棒耶!!");
</script>
效果:
注释
JS中的注释和Java的的一致,分为两种:
- 单行注释:
// 注释内容
- 多行注释:
/* 注释内容 */
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//这是一个示例
alert("好棒耶!!")
document.write("你看我在那里!")
console.log("你猜我在哪里?")
</script>
</head>
<body>
</body>
</html>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
alert("好棒耶!!")
document.write("你看我在那里!")
console.log("你猜我在哪里?")
/*
*示例二
*
*
* /
</script>
</head>
<body>
</body>
</html>
编写位置
将js代码写在标签的onclick属性中,当我们点击按钮时,js代码才会执行
注意:写在标签的属性时,它们属于结构与行为耦合,不方便维护,不推荐使用。
<body>
<button onclick="alert('讨厌,你点我干嘛~~');">点我一下</button>
</body>
将js代码写在超链接的href属性中,当点击时,会执行js代码
<body>
<a href="javascript:alert('让你点你就点啊!!!');">你也点我一下</a>
</body>
将js代码写在script中
<script type="text/javascript">
alert("我是script标签中的代码!!");
</script>
用script引用,但是写在外部文件中,这样可以同时应用到多个页面,也可以利用到浏览器的缓存机制
注意:script标签一旦引入外部文件,就不可再写代码,就需要创建一个新的script
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
alert("我是内部的JS代码!!!");
</script>
字面量
不可改变的值,eg1,2,3,4。。。
可以直接使用,但一般不常用
变量
用来保存字面量,而且变量的值是可以任意改变的,同时方便人们的使用,所以在开发中我们都是通过变量去保存一个字面量,而很少直接使用字面量
在JS中使用var关键字来声明一个变量
<script type="text/javascript">
var a;
a = 123;
a = 456;
var b = 789;
var c = 0;
console.log(a);
</script>
标识符
定义:给变量、函数、属性或函数的参数起名字。
规则:
- 可以包含字母、数字、_、$
- 标识符不能以数字开头
- 标识符不能是ES中的关键字或保留字
- 标识符一般都采用驼峰命名法
- 首字母小写,每个单词的开头字母大写,其余字母小写
JS底层保存标识符时实际上采用的是Unicode编码(UTF-8),理论上,所有UTF-8中含有的内容都可以作为标识符。
数据类型
数值型:number(凡是数字都是数值型,不区分整数和小数)
字符串:string(凡是引号包裹起来的内容全部都是字符串)
布尔:boolean(true、false)
对象类型:object(特殊取值null)
未定义型:undefined