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

JavaScript知识之函数

news 2025/9/19 6:34:54

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下载与安装教程

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

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

HCIP-AI EI 认证课程大纲

该阶段详细介绍计算机视觉、注意力机制与Transformer、自然语言处理、语音处理等 AI 核心领域技术&#xff0c;并重点介绍华为云 EI 服务使用。 共计48 课时。第一节&#xff1a;计算机视觉技术概述与图像处理基础 - &#xff08;3 课时&#xff09; - 什么是计算机视觉&#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】函数&#xff1a; 对特定的功能进行提取&#xff0c;形成一个代码片段&#xff0c;这个代码片段就是我们所说的函数 【2】函数的作用&#xff1a;提高代码的复用性 【3】函数和函数是并列的关系&#xff0c;所以我们定义的函数不能写到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

idea 常用插件推荐

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

编程日记 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 安装链接&#xff1a;Java Downloads | Oracle 我安装的是 .zip &#xff0c;直接在指定的文件夹下解压就…...

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

pyechart 创建柱形图

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

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

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

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

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

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

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

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

C# Task

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

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

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

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

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

网络六边形受到攻击

大家读完觉得有帮助记得关注和点赞&#xff01;&#xff01;&#xff01; 抽象 现代智能交通系统 &#xff08;ITS&#xff09; 的一个关键要求是能够以安全、可靠和匿名的方式从互联车辆和移动设备收集地理参考数据。Nexagon 协议建立在 IETF 定位器/ID 分离协议 &#xff08;…...

编程新知 2025/9/18 4:22:58

遍历 Map 类型集合的方法汇总

1 方法一 先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

编程新知 2025/9/18 12:57:25

UE5 学习系列（三）创建和移动物体

这篇博客是该系列的第三篇&#xff0c;是在之前两篇博客的基础上展开&#xff0c;主要介绍如何在操作界面中创建和拖动物体&#xff0c;这篇博客跟随的视频链接如下&#xff1a; B 站视频&#xff1a;s03-创建和移动物体 如果你不打算开之前的博客并且对UE5 比较熟的话按照以…...

编程新知 2025/9/9 14:48:41

python报错No module named ‘tensorflow.keras‘

是由于不同版本的tensorflow下的keras所在的路径不同&#xff0c;结合所安装的tensorflow的目录结构修改from语句即可。 原语句&#xff1a; from tensorflow.keras.layers import Conv1D, MaxPooling1D, LSTM, Dense 修改后&#xff1a; from tensorflow.python.keras.lay…...

编程新知 2025/9/6 0:10:01

使用SSE解决获取状态不一致问题

使用SSE解决获取状态不一致问题 1. 问题描述2. SSE介绍2.1 SSE 的工作原理2.2 SSE 的事件格式规范2.3 SSE与其他技术对比2.4 SSE 的优缺点 3. 实战代码 1. 问题描述 目前做的一个功能是上传多个文件&#xff0c;这个上传文件是整体功能的一部分&#xff0c;文件在上传的过程中…...

编程新知 2025/9/11 19:15:10

文件上传漏洞防御全攻略

要全面防范文件上传漏洞&#xff0c;需构建多层防御体系&#xff0c;结合技术验证、存储隔离与权限控制&#xff1a; &#x1f512; 一、基础防护层 前端校验&#xff08;仅辅助&#xff09; 通过JavaScript限制文件后缀名&#xff08;白名单&#xff09;和大小&#xff0c;提…...

编程新知 2025/8/18 19:05:00

大数据驱动企业决策智能化的路径与实践

&#x1f4dd;个人主页&#x1f339;&#xff1a;慌ZHANG-CSDN博客 &#x1f339;&#x1f339;期待您的关注 &#x1f339;&#x1f339; 一、引言&#xff1a;数据驱动的企业竞争力重构 在这个瞬息万变的商业时代&#xff0c;“快者胜”的竞争逻辑愈发明显。企业如何在复杂环…...

编程新知 2025/7/8 18:21:00

ABAP设计模式之---“Tell, Don’t Ask原则”

“Tell, Don’t Ask”是一种重要的面向对象编程设计原则&#xff0c;它强调的是对象之间如何有效地交流和协作。 1. 什么是 Tell, Don’t Ask 原则&#xff1f; 这个原则的核心思想是&#xff1a; “告诉一个对象该做什么&#xff0c;而不是询问一个对象的状态再对它作出决策。…...

编程新知 2025/9/13 17:27:51

SE（Secure Element）加密芯片与MCU协同工作的典型流程

以下是SE&#xff08;Secure Element&#xff09;加密芯片与MCU协同工作的典型流程&#xff0c;综合安全认证、数据保护及防篡改机制&#xff1a; 一、基础认证流程&#xff08;参数保护方案&#xff09; 密钥预置‌ SE芯片与MCU分别预置相同的3DES密钥&#xff08;Key1、Key2…...

编程新知 2025/9/7 16:07:41

2025年全国I卷数学压轴题解答

第19题第3问: b b b 使得存在 t t t, 对于任意的 x x x, 5 cos ⁡ x − cos ⁡ ( 5 x t ) < b 5\cos x-\cos(5xt)<b 5cosx−cos(5xt)<b, 求 b b b 的最小值. 解: b b b 的最小值 b m i n min ⁡ t max ⁡ x g ( x , t ) b_{min}\min_{t} \max_{x} g(x,t) bmi…...

编程新知 2025/9/16 19:00:19