当前位置：首页 > news >正文

JavaScript知识之函数

news 2026/3/28 3:30:38

javascript函数

在JavaScript基础之上提供了部分函数,同时也可以自定义函数,JavaScript基础详见之前的文章javascript基础知识

自定义函数

//关键字 函数名 参数列表  函数体
function test(a,b,c){alert(a+":"+b+":"+c)
}

function test1(a,b){return a;//不需要定义返回值类型，因为无论返回什么都能存储在var定义的变量中
}

调用函数

function test(a,b,c);
test(10,"abc",new Date());

系统中的全局函数

alert();

弹窗显示括号内的内容

parseInt();

把括号内的内容转换为整数的值.如果括号内是字符串,则字符串开头的数字部分转换为整数,如果以字母开头,则返回NaN

var a = 10.5;
alert(parseInt(a));//输出为10,将10.5转换为整数类型
var b = "10abc";
alert(parseInt(b));//输出为10
var c = "a10";
alert(parseInt(c));//输出NaN,字母不能作为开头进行转换

parseFloat();

把括号内的字符串转换成浮点数之后的值,字符串开头的数字部分被转换成浮点数,如果以字母开头,则返回NaN,与parseInt用法类似

typeof();

返回括号内值的数据类型,

var a = 10;
var b = "abc";
typeof(a);//number
typeof(b);//string

eval();

var a = 10;
var s  = "2+3*2";
alert(eval(s));//把传入进来的字符串可以当做js脚本执行 输出值为8
var t = "alert(a)";
eval(t);把传入的t作为js脚本执行,所以执行alert(a),弹窗输出10;

事件

常用事件

onclick();鼠标单次点击事件(左键)

<script>function test(){console.log("事件被触发了");}
</script>
<!--左键点击按钮一次触发事件-->
<input type = "button" value="单击事件" onclick = "test()">
<div onclick="test()"></div>

onblur()标签失去焦点

<input type="text" onblur="alert('请输入')"/>

onfocus()标签获得焦点

<input type="text" onfocus="alert('聚焦后弹出内容')"/>

onmouseover()鼠标移动到某标签上

onmouseout()鼠标从某标签上移开

onload()网页加载完毕后触发相应的事件处理程序

onchange()指当前标签失去焦点并标签内容发生改变时触发事件处理程序

Html DOM

查找元素

要想通过JavaScript操作Html标签就必须先找到该标签

有四种方法可以找到Html标签

通过id查找Html标签

document.getElementById(“id");

通过标签名查找Html标签

document.getElementsByTagName("p");

通过类名查找Html标签

document.getElementsByClassName("p");

通过name查找Html标签

document.getElementsByName(“name");

标签体属性操作


可以通过html事件触发JavaScript函数
需要在JavaScript函数对网页的标签进行操作如何在JavaScript中操作网页标签
JavaScript认为网页中的每个标签都是一个对象
在js中把这一类标签对象称为html_dom对象(指的就是网页中的标签)如何在JavaScript中获得网页中标签对象?
在网页加载完毕后,在js中生成一个document对象(表示整个html文档)
里面提供了一个方法getElementById();来获得网页中的标签对象


function test(){var obj1 = document.getElementById("txt1")var obj2 = document.getElementById("txt2")//操作标签对象的属性obj2.value = obj1.value;obj1.value = "";obj1.type = "radio";}


function test(){var obj1 = document.getElementById("txt1")var obj2 = document.getElementById("txt2")//操作标签对象的属性obj2.value = obj1.value;obj1.value = "";obj1.type = "radio";}

在这里插入图片描述

左边是txt1,右边是txt2,左边输入内容后点测试,左边的值赋值给右边的框,然后将坐标的框的格式设置为radio

在这里插入图片描述

标签体内容操作

<div id = "box1">html dom对象</div><div id = "box2"></div><div id = "box3"><b> dom对象</b></div><input type="button" onclick="test()" value="测试"/>function test(){var divobj1 = document.getElementById("box1")var divobj2 = document.getElementById("box2")var divobj3 = document.getElementById("box3")//操作标签体中的内容divobj2.innerText = divobj1.innerText;//innerText获得标签体内的文本内容divobj1.innerHTML = divobj3.innerHTML;//innerHtml可以获得标签内的所有内容(包括标签和文本)}

标签体CSS操作

<body><div id = "box1" style="background-color: aqua;"></div><input type="button" onclick="test()" value="测试"/></body><script>function tesst(){var divobj1 = document.getElementById("box1");//通过dom对象操作标签的css属性divobj1.style.backgroundColor = 'green';divobj1.style.width = '200px';divobj1.style.height = '200px';}</script>

计时

通过JavaScript可以做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行.称之为计时事件

setTimeout(“函数”,”时间”)未来的某时执行代码
clearTimeout()取消setTimeout()
setInterval(“函数”,”时间”)每隔指定时间重复调用
clearInterval()取消setInterval()

JavaScript知识之函数

javascript函数在JavaScript基础之上提供了部分函数,同时也可以自定义函数,JavaScript基础详见之前的文章javascript基础知识自定义函数 //关键字函数名参数列表函数体 function test(a,b,c){alert(a":"b":"c) }function test1(a,b){return a;//不…...

编程日记 2024/6/12 18:05:55

【Pepper机器人开发与应用】一、Pepper SDK for LabVIEW下载与安装教程

‍‍🏡博客主页： virobotics(仪酷智能)：LabVIEW深度学习、人工智能博主 📑上期文章：『一文汇总对比英伟达、AMD、英特尔显卡GPU』 🍻本文由virobotics(仪酷智能)原创 🥳欢迎大家关注✌点赞&…...

编程日记 2024/6/12 18:02:50

HCIP-AI EI 认证课程大纲

该阶段详细介绍计算机视觉、注意力机制与Transformer、自然语言处理、语音处理等 AI 核心领域技术，并重点介绍华为云 EI 服务使用。共计48 课时。第一节：计算机视觉技术概述与图像处理基础 - （3 课时） - 什么是计算机视觉&#x…...

编程日记 2024/6/12 18:01:49

@Test注解方法，方法无法执行

1.背景写了一个测试方法,执行后如图 2.原因是该项目是springbootgradle...构建的项目在build.gradle配置文件中关闭了单元测试: test {useJUnitPlatform()// 是否启用单元测试enabled false } 3.处理方式开启单元测试 test {useJUnitPlatform()// 是否启用单元测试ena…...

编程日记 2024/6/12 18:00:48

golang函数

【1】函数： 对特定的功能进行提取，形成一个代码片段，这个代码片段就是我们所说的函数【2】函数的作用：提高代码的复用性【3】函数和函数是并列的关系，所以我们定义的函数不能写到main函数中【4】基本语法 func 函…...

编程日记 2024/6/12 17:59:47

ubuntu上存在多个版本python，根据需要选择你想使用的python版本

文章目录前言一、二、使用步骤总结前言参考1 一、 sudo update-alternatives --install /usr/bin/python python /usr/bin/python3.6 1二、使用步骤总结...

编程日记 2024/6/12 17:57:43

文章目录 1、Lombok2、Convert YAML and Properties File3、Grep Console4、MyBatisX5、Free MyBatis Tool6、MyBatis Log EasyPlus （SQL拼接）7、MyBatisPlus8、Eclipse theme9、Eclipse Plus Theme10、Rainbow Brackets Lite - Free and OpenSource&…...

编程日记 2024/6/12 17:56:42

训练大模型自动在RAG和记忆间选择

现如今，检索增强生成(Retrieval-augmented generation，RAG)管道已经能够使得大语言模型(Large Language Models，LLM)在其响应环节中，充分利用外部的信息源了。不过，由于RAG应用会针对发送给LLM的每个请求，都…...

编程日记 2024/6/12 17:55:41

抖店没人做了？不是项目不行了，而是商家们都换思路去玩了

我是王路飞。有没有发现现在很多抖店新手都在吐槽，抖店不好做了，做不起来，没人做了，太内卷了...... 对这种做不起来还在怪项目本身的，一定要离他远一点，省得被他的负能量给影响到自己的状态。任何项目…...

编程日记 2024/6/12 17:54:40

Qt5.15.2+VS2019新加类出现无法解析的外部符号

Qt5.15.2VS2019新加类出现无法解析的外部符号： 原因：没有生成对应的moc文件，导致没生成对应的元对象。解决方案：记事本打开工程vcxproj，把报错的文件ClInclude，改为QtMoc，解决问题未修改前&…...

编程日记 2024/6/12 17:52:37

启动mysql 3.5时出现 MySql 服务正在启动 . MySql 服务无法启动。

有可能是端口冲突 netstat -ano | findstr :3306运行这段代码出现类似： 可以看到端口 3306 已经被进程 ID 为 6284 的进程占用。为了启动新的 MySQL 服务，我们需要停止这个进程或更改新服务的端口： 1、终止进程 taskkill /PID 6284 /F2、确…...

编程日记 2024/6/12 17:51:36

并发编程理论基础——可见性、原子性和有序性问题（一）

核心问题：分工，同步，互斥分工：如何高效地拆解任务并分配给线程生产者-消费者模式、Thread-Per-Message模式、Worker-Thread模式、ComplateableFuture和CompletionServiceJava SDK 并发包里的 Executor、Fork/Join、Future 本质上…...

编程日记 2024/6/12 17:49:33

心理咨询系统源码|心理咨询系统开发|心理咨询系统

心理咨询系统，作为一种集现代化科技与专业心理服务于一体的工具，正逐渐渗透到我们生活的各个角落。它不仅为个人提供了便捷的心理支持，还为企业和组织带来了全新的管理方式。下面，我们将深入探讨心理咨询系统的可应用范围及其带来…...

编程日记 2024/6/12 17:48:32

Vue21-列表排序

一、需求二、解决方式 <body><div id"root"><h2>人员列表</h2><input type"text" placeholder"请输入" v-model"keyword"><button click"sortType 1">年龄升序</button><b…...

编程日记 2024/6/12 17:47:31

配置 JDK 和 Android SDK

目录一、配置JDK 1. 安装 JDK 2. JDK 环境配置 3. JDK的配置验证二、配置 adb 和Android SDK环境 1、下载 2、配置 Android SDK 环境一、配置JDK 1. 安装 JDK 安装链接：Java Downloads | Oracle 我安装的是 .zip ，直接在指定的文件夹下解压就…...

编程日记 2024/6/12 17:46:30

pyechart 创建柱形图

Pyecharts 是一个基于 Python 的开源数据可视化库，用于创建各种交互式的图表和可视化效果。它是在 Echarts 的基础上进行封装和优化，Echarts 是一个流行的 JavaScript 数据可视化库pyecharts 中文网站 : https://pyecharts.org/# pyecharts 模块还支持…...

编程日记 2024/6/12 17:45:28

c#引用dll报错cs8370功能“本地函数特性“在c#7.3中不可用

cs8370:功能"本地函数特性"在c#7.3中不可用解决方法： 代码放在form类里面...

编程日记 2024/6/12 17:44:27

【STM32】输入捕获应用-测量脉宽或者频率（方法1）

图1 脉宽/频率测量示意图 1 测量频率当捕获通道TIx 上出现上升沿时，发生第一次捕获，计数器CNT 的值会被锁存到捕获寄存器CCR中，而且还会进入捕获中断，在中断服务程序中记录一次捕获（可以用一个标志变量来记录&#…...

编程日记 2024/6/12 17:43:26

C# Task

以下是 Task 类的一些关键特性和用法：以下是一些使用 Task 的示例：创建并启动一个任务使用 await 等待任务完成处理任务异常使用 Task<TResult> 获取结果取消任务总结在 C#中， Task 是 System.Threading.Tasks 命名空间中的一个类…...

编程日记 2024/6/12 17:42:25

进口电动蝶阀的工作原理-美国品牌

进口电动蝶阀通过电力驱动，实现阀门的开启、关闭和流量调节功能。其结构简单、操作方便、精确控制的特点使其在多个领域得到广泛应用。进口电动蝶阀的工作原理可以清晰地分点表示和归纳如下： 一、概述进口电动蝶阀是由电动执行器和蝶形阀组成的一种…...

编程日记 2024/6/12 17:41:24

NXP S32K3xx之HSE密钥管理与安全服务实战

1. HSE密钥管理基础：从零开始理解安全引擎第一次接触NXP S32K3xx的HSE模块时，我被各种密钥术语搞得晕头转向。经过几个实际项目的打磨，现在我可以负责任地告诉你：理解HSE密钥管理就像学习一门新语言，掌握基础词汇后就…...

编程新知 2026/3/28 2:18:51

气候降尺度全流程实战：从 CMIP6 数据到极端气候预估，科研人一站式通关

做水文气象、气候学、地理遥感、生态环境等领域的科研人，是不是都逃不过这些噩梦：尺度鸿沟难跨越：GCM 粗网格（>100km）和流域 / 城市精细尺度（<10km）不匹配，动力降尺度成本太高…...

编程新知 2026/3/28 0:27:27

【深度解析】Claude Auto Dream：从“短期对话”到“项目级心智模型”的记忆系统升级

摘要本文从 Anthropic 新增的 Auto Dream（/dream）功能出发，系统解析大模型“跨会话记忆一致性”这一核心难题，剖析 Auto Memory Auto Dream 组合背后的技术逻辑，并给出如何在自己项目里实现“类 Auto Dream 记忆管理…...

编程新知 2026/3/28 0:05:18

ImageMagick安装后报错‘vcomp140.dll缺失’？手把手教你彻底解决Visual C++依赖问题

ImageMagick安装后报错‘vcomp140.dll缺失’？手把手教你彻底解决Visual C依赖问题当你兴冲冲下载完ImageMagick准备大展身手时，命令行却突然弹出一串红色错误提示——"无法启动程序，因为计算机中丢失vcomp140.dll"。这种场景对于…...

编程新知 2026/3/27 22:32:17

SDL窗口自适应实战：解决视频卡顿与分辨率切换崩溃的完整方案

SDL窗口自适应实战：解决视频卡顿与分辨率切换崩溃的完整方案在多媒体应用开发中，流畅的视频播放体验是用户体验的关键指标之一。SDL（Simple DirectMedia Layer）作为一款跨平台的多媒体开发库，被广泛应用于游戏、视频播…...

编程新知 2026/3/27 22:02:04

【仿真】Carla跨平台部署指南：从零到一，附ROS2与Autoware.auto连接实战

1. Carla仿真平台概述 Carla是一款开源的自动驾驶仿真平台，基于虚幻引擎构建，能够提供高度逼真的城市环境和交通场景。我第一次接触Carla是在2018年，当时它还处于早期开发阶段，但已经展现出惊人的潜力。经过多年发展，现…...

编程新知 2026/3/27 21:45:58

python基于微信小程序的智慧社区娱乐服务管理平台

目录需求分析与规划技术架构设计功能模块开发实时交互实现数据可视化测试与部署安全与优化迭代计划项目技术支持源码获取详细视频演示 ：文章底部获取博主联系方式！同行可合作需求分析与规划明确平台核心功能：居民活动报名、场地预约、社区公…...

编程新知 2026/3/27 20:45:38

Local AI MusicGen教育应用：帮助学生理解音乐情绪表达方式

Local AI MusicGen教育应用：帮助学生理解音乐情绪表达方式 1. 引言：当AI成为音乐老师想象一下，你是一位音乐老师，正在给学生讲解“悲伤”这种情绪在音乐中是如何表达的。传统的教学方式可能是播放一段肖邦的夜曲，或…...

编程新知 2026/3/27 20:21:16

开源电池管理系统：SmartBMS的技术创新与实践应用

开源电池管理系统：SmartBMS的技术创新与实践应用【免费下载链接】SmartBMS Open source Smart Battery Management System 项目地址: https://gitcode.com/gh_mirrors/smar/SmartBMS SmartBMS是一套开源智能电池管理系统，专为锂离子电池组&#…...

编程新知 2026/3/27 19:47:03

服务器网络科技运行

服务器是网络科技运行的核心支撑，承担着数据存储、处理、应用部署及资源调度等关键职能，在网络科技领域，服务器的稳定运行直接关系到整个业务系统的顺畅与否，无论是企业内部的办公系统、数据管理平台，还是面向公众的互…...

编程新知 2026/3/27 19:42:59