1.实验:
2.IDE:VSCODE
3.记录:
(1)数据类型
var,let,const
var,let声明变量,const声明常量。var声明的变量具有函数作用域,let声明的变量具有块级作用域,let跟安全更灵活,const不可变。一般使用let和const
(2)条件语句:(if else)同c语言
(3)循环语句:(for,while,continue,break)同c语言
(4)函数function开头
a.无返回值
<script>
// 定义函数
function greet()
{
console.log('hello');
}
// 调用函数
greet();
</script>
b.有返回值
// 有返回值的函数打印返回信息
function greet_with_return()
{
console.log('hello again');
return "hello return";
}
// 定义一个变量接收返回信息,用于打印
let return_save=greet_with_return();
console.log(return_save);
c.含入口参数
// 含入口参数
function greet_sb(name)
{
console.log('hello'+name);
}
greet_sb('李华');
(5)作用域:同c语言,函数内局部,函数外全局
(6)事件:
a.点击事件
<!-- 点击事件 -->
<button onclick="button_event()">按钮</button>
<script>
function button_event()
{
alert('按钮点击!');
}
</script>
b.聚焦失焦事件
<!-- 聚焦和失焦事件 -->
<input type="text" onfocus="on_focus_event()" onblur="on_blur_event()">
<script>
function on_focus_event()
{
alert('聚焦');
}
function on_blur_event()
{
alert('失去焦点');
}
</script>
(7)DOM
4.代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSON基础</title>
</head>
<body>
<script>
// 定义函数
function greet()
{
console.log('hello');
}
// 调用函数
greet();
// 有返回值的函数打印返回信息
function greet_with_return()
{
console.log('hello again');
return "hello return";
}
// 定义一个变量接收返回信息,用于打印
let return_save=greet_with_return();
console.log(return_save);
// 含入口参数
function greet_sb(name)
{
console.log('hello'+name);
}
greet_sb('李华');
</script>
<!-- 点击事件 -->
<button onclick="button_event()">按钮</button>
<script>
function button_event()
{
alert('按钮点击!');
}
</script>
<!-- 聚焦和失焦事件 -->
<input type="text" onfocus="on_focus_event()" onblur="on_blur_event()">
<script>
function on_focus_event()
{
alert('聚焦');
}
function on_blur_event()
{
alert('失去焦点');
}
</script>
</body>
</html>