结合HTML,CSS与JS
什么是HTML,CSS与JS以及他们都区别见 初识JavaScript
JavaScript的示例
单行注释用//
// 123123
多行注释用/**/
\*
123
456
789
*/
JavaScript基础使用
<!DOCTYPE html>
<html>
<style>
button{
width: 50px;
height: 50px;
background-color: red;
font-size: 50px;
}
</style>
<head>初识JavaScript</head>
<button onclick="
//点击按钮的操作
alert('Hello World!');
console.log('Hello World!');
">点我
</button>
<body>
<script>
//输出对话框
alert("Hello World!");
//输出到console
console.log("Hello World!");
</script>
</html>
变量
const和let三种种方式
- 使用const创建的值不可修改
- 使用let创建的值可以修改
- 使用var创建的值可以修改(这是旧版写法现在很少使用了)
<!DOCTYPE html>
<html>
<head>JavaScript的变量</head>
<body>
<script>
//声明变量
let name = "小明";
let age = "18";
//输出变量到控制台
console.log(name+"今年"+age+"岁了");
const name = "小工";
//不可使用name = "效果";不可修改const
var age1 = 18;
age1++;
</script>
</html>
注意：
1.变量不能使用关键字
2.变量开头不可为数字
3.不能使用特殊符号除了$ _