JavaScript的组成:
ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。
DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。
document object model
BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。
browser object model
运行JavaScript:
内嵌
在<body>标签里放入标签对:
<script type=”text/javascript”>
</script>
并在<script>里书写JavaScript程序
(从上到下执行)
外链
引入外部JavaScript文件
(放到body标签里,可以和内嵌的js代码并列)
调试运行
在控制台直接运行
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS使用</title>
</head>
<body>
<!-- 内嵌 -->
<script type="text/javascript">
alert("好好学习")
</script>
<!-- 外链 -->
<script src="./js/index.js" type="text/javascript"></script>
</body>
</html>
语法规则:
(1)JavaScript对换行、缩进、空格不敏感。每一条语句以分号结尾。
备注:每一条语句末尾要加上分号,虽然分号不是必须加的,如果不写分号,浏览器会自动添加,但是会消耗一些系统资源。
(2)所有的符号,都是英语的。比如括号、引号、分号。
(3)严格区分大小写
注释:
html:<!-- 我是注释 -->
css:/* 我是注释 */
javascript:
单行注释:
// 我是注释
多行注释:
/*
多行注释1
多行注释2
*/
Javascript 网页中输出信息的写法
弹出警告框alert("")
弹出警告框(尽量少用于项目中,因为会阻塞内容的渲染)
<script type="text/javascript">
alert("好好学习");
</script>
控制台输出:console.log("")
不仅有console.log,还有一些控制台的输出。比如警告或者错误
<script type="text/javascript">
console.log("好好学习");
console.warn("好好学习");
console.error("好好学习");
</script>
带确定和取消按钮的弹框confirm("")
(尽量少用)
<script type="text/javascript">
var b = confirm("学了吗?");
console.log(b);
</script>
//点击确定会在控制台输出true,点击取消会在控制台输出false
用户输入:prompt()
用得少,测试的时候可能会用。
prompt()语句中,用户不管输入什么内容,都是字符串。并且必须有一个变量接受用户输入的值
<script type="text/javascript">
var c = prompt("学了吗?");
console.log(c);
</script>
//输入之后在控制台输出