#WEB前端（JS基础语法）

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.代码：


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>

相关阅读:
图书管理系统
Airtest1.2.7新增断言API介绍
Nuxt.js 应用中的 kit：compatibility 事件钩子详解
sface人脸相似度检测
10.请介绍一下cookie
TinyXML-2介绍
Day32.String内存特性(不可变性、实例化方式、字符拼接) -Java常用类#、集合、IO
淘宝/天猫电商平台获取商品数据按关键字搜索淘宝商品|优惠价|销量|价格|商品推荐案例
解析navicate数据库密码
【光电工程实训】光通信与光纤通信电子元器件认知万用表测量参数元件特性激光传声实验自由空间光通讯光纤光通信全反射

原文地址：https://blog.csdn.net/byhyf83862547/article/details/136486675