#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.代码:

<!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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/513175.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NVMe管理命令为何不用SGL?-2

在IO数据传输中&#xff0c;是否选择SGL可以根据自身场景的需要。SGL提供的是一种高效且灵活的方式来描述非连续的内存区域&#xff0c;这对于现代高性能存储系统至关重要&#xff0c;尤其是在处理大数据块或者随机小I/O操作时具有明显优势&#xff1a; 高效的数据传输&#xf…

二叉树的深搜题解析

文章目录 前言计算布尔二叉树的值求根节点到叶节点数字之和解析代码 二叉树剪枝解析代码 验证二叉搜索树解析代码 二叉搜索树中第K小的元素代码 二叉树的所有路径解析代码 前言 大家好我是jiantaoyab&#xff0c;在这里分享给大家二叉树深搜相关题目的练习和解析&#xff0c;通…

【中国算力大会主办】2024算法、高性能计算与人工智能国际学术会议(AHPCAI 2024)

【中国算力大会主办】2024算法、高性能计算与人工智能国际学术会议&#xff08;AHPCAI 2024&#xff09; 2024 International Conference on Algorithms, High Performance Computing and Artificial Intelligence 2024算法、高性能计算与人工智能国际学术会议&#xff08;AH…

使用java的Stream流进行Collectors.groupingBy分组后生成Map,对Map进行删除原集合是否会发生改变

在Java中&#xff0c;当我们使用Collectors.groupingBy方法对集合进行分组操作时&#xff0c;生成的新映射&#xff08;Map&#xff09;是基于原始集合&#xff08;allItems&#xff09;的数据结构和内容创建的。这意味着&#xff0c;如果你更改了新的映射allItemMap中的值&…

车牌定位识别企业版

车牌定位识别企业版&#xff0c;只需要OPENCV&#xff0c;采用YOLOV8NANO检测车牌区域&#xff0c;然后使用PADDLE OCR检测车牌&#xff0c;能识别各国车牌&#xff0c;支持C,PYTHON开发 车牌定位识别企业版&#xff0c;只需要OPENCV&#xff0c;支持C,python

力扣大厂热门面试算法题 - 动态规划

爬梯子、跳跃游戏、最小路径和、杨辉三角、接雨水。每题做详细思路梳理&#xff0c;配套Python&Java双语代码&#xff0c; 2024.03.05 可通过leetcode所有测试用例。 目录 70. 爬楼梯 解题思路 完整代码 Python Java 55. 跳跃游戏 解题思路 完整代码 Python 代码…

RabbitMQ如何实现消费端限流

什么是消费端限流&#xff0c;这个一种保护消费者的手段&#xff0c;假如说&#xff0c;现在是业务高峰期了&#xff0c;消息有大量堆积&#xff0c;导致MQ消费需要不断的进行消息消费&#xff0c;很容易被打挂&#xff0c;甚至重启之后还是会被大量消息涌入&#xff0c;继续被…

Android APK包反编译为java文件教程

方法 流程&#xff1a; test.apk -> smali文件 -> dex文件 -> jar文件 ->java 文件 将APK包解压为 smail文件 下载 apktool工具 apktool.jar 将 test.apk 和 apktool.jar放同一目录下&#xff0c;并执行以下命令 java -jar apktool.jar d -f xxx.apk -o xxx(解…

Linux Watchdog 机制是什么

当涉及到Linux操作系统的稳定性和可靠性时&#xff0c;Linux Watchdog机制是一个至关重要的议题。该机制旨在监控系统状态&#xff0c;确保在出现问题时采取适当的措施以维持系统的正常运行。本文将深入探讨Linux Watchdog机制的工作原理、应用范围以及如何配置和使用该机制来提…

Ubuntu下安装Scala

前言 弄了一下终于成功装上了&#xff0c;这里对此进行一下总结 安装虚拟机 VMware虚拟机安装Ubuntu&#xff08;超详细图文教程&#xff09;_vmware安装ubuntu-CSDN博客https://blog.csdn.net/qq_43374681/article/details/129248167Download Ubuntu Desktop | Download | …

如何管理系统中的敏感数据?

如何管理系统中的敏感数据&#xff1f; 本文转自 公众号 ByteByteGo&#xff0c;如有侵权&#xff0c;请联系&#xff0c;立即删除 如何在系统中管理敏感数据&#xff1f;下图列出了一系列指导原则。 什么是敏感数据&#xff1f; 个人身份信息 (PII)、健康信息、知识产权、财务…

Nano 33 BLE Sense Rev2学习第一节——环境配置

参考文档见Access Barometric Pressure Sensor Data on Nano 33 BLE Sense | Arduino Documentation 打开Arduino ide安装开发板 选择开发板 连接开发板到电脑&#xff0c;自动识别开发板端口&#xff0c;选择端口