js介绍
概述
一种直译式并且广泛应用于客户端的脚本语言
作用
可以为html增加动态效果
特点
- 直译式
- 弱类型
- 跨平台性
js的组成
- ECMAScript(语法)
- 脚本语言的规范
- BOM(浏览器对象模型)
- 通过BOM对象可以操作浏览器
- DOM(文档对象模型)
- 通过DOM对象可以修改和访问html文档的内容跟结构
JavaScript的使用
1、html和js的整合
1.1 内嵌式
通过script标签来完成整合 一般情况下放到head标签中
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html和css整合方式1:内嵌式</title>
<script type="text/javascript">
//这里写JavaScript代码
alert("内嵌式")
</script>
</head>
<body>
</body>
</html>
1.2 外联式
- 在外部定义一个后缀名为.js的文件
- 在内部通过script标签的src属性导入即可
JavaScript代码
alert("html和css整合方式2:外联式");
HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html和css整合方式2:外联式</title>
<script type="text/javascript" src="js/01.js">
alert("这里的js代码将不再执行");
</script>
</head>
<body>
</body>
</html>
注意
一旦使用了src属性,那么script标签体中的js代码将不再执行了